0
フッターを絶対に配置できないというこの問題があります。私はそれを配置し、なぜ起こるか...私は本当に知らないのFirefoxで、完全にChromeでIEに5pxのマージンのように余白がたくさん表示されます...ここにHTMLです：ポジショニングの問題
<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 -->
そして、 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」という画像を一番下に表示したい：0px;それだけでそこには残らないだろう= /私は何かを逃したか、私が持ってはならない何かを追加しましたか？
編集
私は基本的にフッタは、「コンテンツ」のdivの一番下になるようにしたいが、それは固定幅だと、私はこれをしたいので、それはそのdiv要素内に配置することができません私はラッパーの位置を絶対的かつ相対的なものにしようとしましたが、それでもそれは非常に底に置かれません（つまり、コンテンツの後ろに置かれ、width = "100％"のラッパーの前に置かれます） ...と私はそれが "自然に"プッシュダウンしようとしましたが、それだけではないでしょう...
houldルック（とChromeのように見える）のような：ここで、その後
とは、IEとFirefoxです：
編集2
私は、問題を発見しました何らかの理由で私の＃wrapperがブラウザの高さ全体をカバーするのではなく、ほんの一部だけをカバーするようになっています。行方不明？私は次のように追加しました：
#wrapper{font-size:1.2em;font-family:Helvetica, Arial, sans-serif;width:100%;min-height:100%;}
#content{margin:0 auto;width:1000px;}