IE6에서 고정 바닥을 구현하는 방법은 무엇입니까?

-1

css.IE6에서 고정 바닥을 구현하는 방법은 무엇입니까?

다른 링크로 연결하지 마십시오.

편집

은 상관없이 당신이 줄을 스크롤하는 방법 뷰포트의 하단에 항상 뭔가를 확인하지 않습니다.

출처

2009-11-17 Mask

이 문제는 매우 광범위하다. 당신이 정교 할 수 있니? – mauris

제목이 명확하지 않습니까? – Mask

@ 마스크 - 아니,별로. –

IE6과 관련하여 특별히 문제가있는 경우 - 재설정 스크립트 사용을 고려해보십시오. 그것은 당신의 삶을 훨씬 더 쉽게 만듭니다. 거기 밖으로 리셋 스크립트의 다양한 맛이있다, 그래서 조금 연구를하고 당신이 좋아하는 것을 찾으십시오. 개인적으로, 나는 야후가 목적에 맞는 것을 생산한다는 것을 알았다.

재설정 스크립트를 사용하여 뒤의 생각은 다음과 같습니다

각 브라우저도 로드 사용자 스타일 시트 전에 기본 스타일과 특성, 의 집합을 적용합니다.
페이지 간의 차이점은 사이의 불일치로 인해 렌더링됩니다. 그리고 IE6가 훨씬 더 논리적으로 처리 할 수 있습니다 - 우리는 우리가 건물을 시작하기 전에, 인생이 될 것 ' 땅을 평평하게'하는 방법을 찾을 수 있다면 쉽게

A는 스크립트를 재설정

는 평평 것을 수행 방법.

의무적 링크)

http://developer.yahoo.com/yui/reset/

솔루션이 사용 스크립트를 재설정을 염두에

베어링, 나는 당신에게 다음과 같은 솔루션을 제공합니다.

아마 알고 있겠지만 IE6은 위치가 고정되어 있지 않습니다.

당신이 다음 코드를 사용 할 수 있습니다 문제를 해결하려면

<style> 

html, body { 
    height: 100%; 
    overflow: auto; 
} 

div#fixed-bottom { 
    position: fixed; 
    z-index: 2; 
    bottom: 0; 
    height: 20px; 
    width: 100%; 
    background-color: #eaeaea; 
    margin-top: -20px; 
} 

div#content { 
    position: relative; 
    width: 100%; 
    height: 100%; 
    overflow: auto; 
} 

* html div#fixed-bottom { 
    position: absolute; 
} 

</style>

이 <body></body>의에서 다음과 같은 요소를 포함하는 문서에 적용해야합니다

<div id="fixed-bottom"> 
     <p> 
      I'm at the bottom 
     </p> 
    </div> 
    <div id="content"> 
     <p> 
      Your content here..... 
     </p> 
    </div>

이 때문에 작동합니다을 :

IE6는 대부분의 브라우저에서 tre와 같은 방식으로 높이를 취급합니다. 최대 높이. 오버 플로우 자동은 콘텐츠가 브라우저 뷰포트의 높이를 지난 경우 스크롤 막대를 사용하여 콘텐츠를 흐르게합니다.
단순화를 위해 '*'해킹이 사용되었습니다. IE6이 'position : absolute;'를 적용하는지 확인합니다. '위치 : 고정'보다는 조건부 주석을 사용하여 IE6에 특정 CSS를 제공해야합니다.
이 솔루션은 IE6이 '엄격 모드'를 사용하도록 설정된 경우에만 작동합니다. 적절한 doctype을 선택하여 명시 적으로 설정할 수 있습니다. 예를 들면 :
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
```

출처

2009-11-17 02:52:05 codeinthehole

"standars 모드"란 무엇입니까? – Mask

죄송합니다, 제가 이것을 썼을 때 늦었습니다. IE6은 두 가지 모드로 작동 할 수 있습니다. 하나는 버크 모드라고하고 다른 하나는 엄격 모드라고합니다. http://www.quirksmode.org/css/quirksmode.html – codeinthehole

"div # content"부분을 삭제했는데 작동하지 않습니다. 왜요? – Mask

IE6에서 고정 바닥을 구현하는 방법은 무엇입니까?

답변

관련 문제