IE의 레이아웃 문제 도움말

Question

this layout이 IE (6과 7 모두)에서 제대로 작동하려면 몇 가지 문제가 있습니다. Safari와 Firefox에서는 잘 작동합니다.

여기에 무슨 일이야 :

• 나는, 또는 내용에 따라 뷰포트의 바닥에 고정 된 바닥 글이 - 중 더 긴 기간.
• 필자는 컨텐트 영역 위에 넓게있는 가운데 맞춤 및 부동 블록 항목이 들어있는 헤더 위에 있습니다.
• 난 중심으로 일정한 폭 콘텐츠 영역을 IE7에서

문제점

• (주요 문제)가 수평 스크롤 바 때문에 부유 헤더 나타난다.
• IE6에서 바닥 글은 콘텐츠 영역 아래에 스냅되지 않습니다.

어떤 통찰력도 좋을 것입니다. 감사.

Answer 1

레이아웃을 전체 높이로 확장 한 다음 바닥 글 여백을 음수로 설정하여 바닥 글을 배치하는 것으로 보겠습니다. . . 어쩌면 음수 마진을 없애고 바닥 글의 상대 위치 지정을 사용하면 브라우저 간 호환이 가능해집니다.

나는 실제로이 사실을 귀하의 페이지에서 시도하지 않았습니다. 단지 생각 일뿐입니다.

업데이트 : 으로 밝혀졌습니다. position: relative은별로 좋지 않습니다. . . 스크롤 바는 꼬리말이 재 위치 지정없이 위치 할 곳으로 확장됩니다.

그러나 #footer{position: absolute; bottom: 0px; width: 100%}을 적용하고 레이아웃의 음수 여백을 제거하십시오. . . 적어도 Firefox에서는이 기능이 작동하지만 아직 IE를 확인하지 않았습니다.