Fickle IE 높이 관련 문제 100 %

Internet Explorer 용 뷰포트에서 높이를 100 %로 설정하려고합니다. 당신이 상상할 수 있듯이, 다음 코드는 다른 곳에서 작동합니다Fickle IE 높이 관련 문제 100 %

* { 
    margin: 0; 
    padding: 0; 
} 

html, body { 
    height: 100%; 
} 

body { 
font-family: Times New Roman, Times, serif; 
font-size: 13px; 
background-color:#E8E8E8; 
background:url(/images/background.png) repeat-x; 
} 

#wrap { 
margin:0 auto; 
width: 935px; /* Change to desired width :) */ 
min-height: 100%; 
background:url(/images/content.png)repeat-y; 
} 

#main { 
    overflow: auto; 
    padding-bottom: 112px; 
} /* must be same height as the footer */

출처

2011-03-01 Mike R

불쌍한 질문에 대해 유감이지만 실제 문제는 랩의 반복 이미지가 Internet Explorer에서 반복되지 않는다는 것입니다. –

HTML을 제공하지 않는 한 마음에있는 것을 추측하는 것은 불가능합니다. –

랩에 테두리를 적용하여 div의 실제 크기를 확인해보십시오. 아마도 그것은 무너 졌을 것입니다. –

난 당신이 HTML 구조를 가지고 가정

<html> 
    <body> 
    <div id="wrap"></div> 
    </body> 
</html>

그래서 wrap 사업부에 최소 높이를 추가하는 경우 :

#wrap 
{ 
    min-height: 100%; 
}

이 기술은 이전 IE에서 작동하지 않습니다 (정확하게 IE7 이하에서 작동을 멈 추면 확실하지 않습니다). 그리고 인터프리터에 대한 자체 의견이있는 Opera에 예측할 수없는 문제가 있습니다. 프리 height 및 min-height 지침

출처

2011-03-01 23:32:30

안녕하세요, 빠른 답장을 보내 주셔서 감사합니다. 그것을 변경해도 문제가 해결되지 않았습니다. 그리고 네, 제 HTML 구조입니다. –

Fickle IE 높이 관련 문제 100 %

답변

관련 문제