바닥 글을 절대 배치 할 수없는이 문제가 있습니다.위치 지정 문제
<p>In posuere dapibus mauris, et elementum magna rhoncus quis. Morbi ultricies malesuada magna, vel porta risus rhoncus a. Morbi aliquam facilisis dolor, scelerisque porttitor dui auctor id.</p>
</div><!-- /info -->
</div><!-- /info-design -->
</div><!-- /content -->
<div id="info-footer"></div><!-- /info-footer -->
<div id="footer">
</div><!-- /footer -->
</div><!-- /wrapper -->
그리고 : 나는 그것을 배치하고 그것은 파이어 폭스에서 IE에서 같은 5px 이익률 마진을 많이 나타나고 이런 이유를 완벽하게 크롬에서 ... 난 정말 모르겠어요 ... 여기에 HTML의 CSS :
#wrapper{font-size:1.2em;font-family:Helvetica, Arial, sans-serif;width:100%;}
#content{margin:0 auto;width:1000px;}
#info-design{
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-opera-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
filter:alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
opacity: .8;
-moz-opacity: .8;
-khtml-opacity: .8;
background:#FFF;
border:1px double #000;
margin:0 0 10px 0;
position:absolute;
padding:10px 3px 3px 10px;
width:985px;
z-index:100;
}
#info{z-index:101;}
#info-footer{background:url(../img/BaseSite.gif) no-repeat center bottom;height:158px;position:absolute;bottom:0px;z-index:99;}
#footer{
background:url('../img/cesped.jpg') repeat-x center bottom;
height:176px;
position:absolute;
width:100%;
z-index:98;
bottom:0px;
}
난 그냥 바닥에 표시 할 이미지 "cesped.jpg"를 원하는 : 0 픽셀; 그러나 그것은 단지 거기에 머 무르지 않을 것입니다 =/나는 무언가를 놓치거나 갖지 말아야 할 것을 추가 했습니까?
편집
나는 기본적으로 바닥 글은 "내용"의 맨 아래에 DIV 수 있도록 싶지만는 고정 폭 때문에이 그 사업부 내에 배치 할 수 없으며 내가이 원하는 이미지를 repeat-x 전체 브라우저로 이동합니다 (따라서 내용 뒤에 및 너비 = "100 %"있는 래퍼 전에 배치 된; 래퍼 위치 절대 및 상대 만들기 시도했으나 여전히 매우 하단에 배치되지 않습니다. ... 그리고 나는 그것을 "자연스럽게"내려 놓으려고했지만 단지 그렇지 않을 것입니다 ...
다음은 어떻게 작동합니까? ,
편집 2
내가 문제를 발견
을하고 여기에 IE와 파이어 폭스의 : 같은 hould 모양 (그리고 크롬의 모양) 어떤 이유로 # 래퍼가 브라우저의 전체 높이를 커버하지 않고 그 일부만을 커버 할 수 있습니다. 없습니까? 나는 다음과 같이 덧붙였다 :
#wrapper{font-size:1.2em;font-family:Helvetica, Arial, sans-serif;width:100%;min-height:100%;}
#content{margin:0 auto;width:1000px;}