IE6의 고정 페이지 레이아웃

문제

머리글, 바닥 글 및 사이드 바의 위치는 고정되어 있습니다.중앙에는 두 스크롤 막대가있는 콘텐츠 영역이 있습니다.브라우저에 외부 스크롤 막대가 없습니다.IE7 및 FF에서 작동하는 레이아웃이 있습니다.IE6 지원을 추가해야합니다.이 작업을 어떻게 할 수 있습니까?

다음은 현재 내 CSS의 근사치입니다. 라코 디스

해결책

다른 팁

<head>에 다음 코드 추가 라코 디스

ie6fixed로 만들려는 모든 항목에 position: fixed; CSS 클래스를 추가하세요.

IE7.js를 사용해보세요.수정하지 않고 문제를 해결해야합니다.

링크 : IE7.js

이 답변은 도움이되었으며 IE6에 제한된 형태의 고정 위치 지정을 추가 할 수있게 해주었지만, 사이드 바에 대해 상단 및 하단 CSS 속성을 모두 지정하면 IE6에서 레이아웃을 깨는 버그를 수정하지 못했습니다 (내가 필요한 행동입니다).

상하를 지정할 수 없어서 상하를 사용했습니다.높이 속성은 매우 필요한 것으로 밝혀졌습니다.페이지가로드되고 크기가 조정될 때 높이를 다시 계산하기 위해 자바 스크립트를 사용했습니다.

다음은 작동하도록 테스트 케이스에 추가 한 코드입니다.jQuery를 사용하면 훨씬 더 깔끔해질 수 있습니다. 라코 디스

아래의 순수 CSS 해킹을 확인하세요 ... 일부는 쿼크 모드로 강제 전환해야하지만 (가장 강력하다고 생각합니다) 모두 잘 작동합니다.

효과적으로 사용했습니다. 도움이 되었기를 바랍니다.

라이센스 : CC-BY-SA ~와 함께 속성

제휴하지 않습니다 StackOverflow