2

私のウェブサイトの上部に次のような要素があります。

#top { position:fixed;top:0;left:0;margin:0;padding:0;height:60px;width:100%; }

私は下部にこのように見える他の要素を持っています：

#footer { margin:0;padding:0;position:fixed;height:60px;bottom:0;left:0;width:100%; }

これらの2つの要素の間に、最終的に次のように真ん中に#main要素があります。

#main { margin:0;padding:0;position:absolute;top:60px;left:0;bottom:60px;width:3000px; }

Chrome / Firefox / Safariではすべて問題ありませんが、IE9では問題ありません。水平スクロールバーの高さ（約15px）は、＃main要素の高さの範囲内でカウントされているようです。したがって、＃main要素の下部にある15pxの高さの領域は、＃footer要素の後ろに隠れています。

手伝っていただけませんか ？

編集：ここに問題の例があります...

http://statosphere.fr/stackoverflow/test.php

ChromeとFirefoxでは、黄色い正方形全体（30x30px）を見ることができます。しかし、IE9では、赤いフッターの後ろに隠れている黄色い正方形の下部を見ることができません。

4

1 に答える 1

2

スクロールバーにはIE9固有の問題があるようです。

次のようなもの<div>を含むでラップしてみてください。width

HTML：

<div id="maincontainer">
    <div id="top"></div>
    <div id="main">
        <div id="element"></div>
        <div id="footer"></div>
    </div>
</div>

CSS：

#maincontainer{
  width:3000px;
}
于 2013-03-17T08:58:01.917 に答える