이 html5/css3 페이지에서 세로 스크롤을 강제/사용 설정하려면 어떻게해야합니까?

Question

[수정 됨]은 내가 원숭이로하고있는 샘플입니다.

[수정]은 관련 CSS 파일입니다.

필자는 텍스트와 샘플 이미지를 제공하지만 필자는 이것에 익숙하지 않고 내가하는 일을 잘 모르고있다.

내가 원하는 내용 : 로고 이미지와 3 개의 컬러 애니메이션 링크가 페이지의 왼쪽 상단에 고정되어야합니다. 페이지를 가로 질러 로고 + 링크 아래에 파란색 막대가 수평으로 표시됩니다. 유동적으로 흐르는 내용 (동적 크기 조정?) 스크롤하여 작동합니다.

마지막 부분에 문제가 있습니다. CSS 마법과 음수 여백을 통해 내 1280x1024 Chromium 브라우저에서 "제대로"보이도록 할 수 있지만 파이어 폭스에서 열거 나 해상도를 변경하면 내용이 오버플로되고 스크롤바가 보이지 않습니다. 나머지 콘텐츠. 스크롤 할 때 [DOWN] 키를 사용할 수조차 없습니다.

내가 뭘 잘못하고 있니? 나머지 콘텐츠를 강제로 표시하고 탐색 할 수있게하려면 어떻게해야합니까? CSS를 부적절하게 구현하고 있습니까?

알려 주시기 바랍니다.

편집 : position:absolute 대신 position:fixed을 사용하고있었습니다. 모든 참조를 고정에서 절대로 변경 한 다음 (마진을 수정하면) 아름답게 작동합니다.

완성품은 [http://blasdev.heliohost.org/apx/about.html]입니다.

감사합니다. El Yobo!

Answer 1

position : fixed 대신 #content div 스타일을 지정하면 스크롤하는 문제가 해결되지만 다른 사항은 조정해야합니다. 절대 위치는 컨텐트를 정상적인 흐름에서 완전히 빼내므로 스크롤이 더 이상 작동하지 않습니다. a good example of CSS positioning은 A List Apart에서 사용할 수 있습니다.