상대 위치 지정된 바닥 글 - IE의 공백은?

페이지의 너비에 걸쳐있는 바닥 글이 있습니다. 바닥 글에는 기본적으로 바닥 글/페이지의 전체 너비를 채우는 바닥 글 배경 이미지로 사용되는 글꼴이 있습니다. 그러나 IE에서는 바닥 글 아래에 약간의 공백이 있습니다. 페이지의 맨 아래에 공백이 있어야합니다. 파이어 폭스, 사파리 등에서 잘하는 것 같습니다. 내가 가지고있는 것, 시도해 볼만한 것에 대한 권고 사항은 무엇입니까?상대 위치 지정된 바닥 글 - IE의 공백은?

<body> 
    <div id='container'> 
      <div id='content'></div 
    </div> 

    <div id='footer'></div> 
</body>

CSS는 다음과 같습니다

html { 
    font:62.5% 'Helvetica Neue'; 
    color:#777676; 
    margin:0; 
    padding:0; 
} 

body { 
    font-size:1.8em; /* 18 px */ 
    line-height:1.2em; 
    margin:0; 
    padding:0; 
    width:100%; 
} 

#container { 
    width:906px; 
    margin:0 auto; 
    height:100%; 
    position:relative; 
    z-index:10; 
} 

#content { 
    padding-top:20px; 
} 

div#footer { 
    position:relative; 
    bottom:0; 
    clear:both; 
    width:100%; 
    z-index:1; 
} 

div#footer img { 
    width:100%; 
    border:0 none; 
}

출처

2011-12-09 djt

이 라이브 데모는 크게 감사하겠습니다. – Blender

, 즉 ...

그것을 해결 (그리고 당신이 볼 수 있도록 <tags>를 원하는 경우 귀하의 질문에 강조 코드를 사용해야 이미지에 display:block; 추가 당신의 텍스트 ...)

출처

2011-12-09 17:51:59 ptriek

그것은 매우 복잡한 대답 일 수 있습니다. 나는 이것에 전에 빠져 나갔고 나는 그것을 어떻게 해결했는지 잊어 버린다. 첫째, IE의 버전을 테스트해야합니다. 오래된 버전 일 수 있습니다. 나는 이것이 IE 8 이상에서 많은 이슈라고 생각하지 않는다. 다음으로 DOCTYPE이 설정되어 있습니까? 그런 다음 바닥 글의 높이 및/또는 선 높이를 설정하십시오. 모든 형제 및 부모 요소의 "위치", "위쪽"및 "왼쪽"이 설정되었는지 확인하십시오.

위치를 "절대적으로"시도 했습니까? 작동하지 않는 경우 본문의 다른 모든 요소를 제거하고 추가 할 요소가 잘못되었을 때까지 한 번에 하나씩 다시 추가하십시오. .

출처

2011-12-09 18:04:12 Krik

상대 위치 지정된 바닥 글 - IE의 공백은?

답변

관련 문제