-1

これは私が強迫観念を持っているだけですが、この行動の説明があるかどうかを知る必要があります。1280X1024のビューポートを備えたモニターがあります。ページの中央に配置したいサイトがあります。また、サイトの幅を1280ピクセルにします。

これで、FFとOperaを使用して、本体を100％に設定し、ラッパーを1260px（スクロールバーの計算）に設定できますが、水平スクロールバーは表示されません。IE7または8を使用すると、水平スクロールバーが表示されます。

FFとOperaはボディ幅を1260px（17pxのスクロールバーを想定）で計算しますが、IEは1259pxで計算します。IEでスクロールバーを測定しましたが、これも17pxです。

どうしてこれなの？

これだよ...

@import url("reset.css"); <- Erik Meyers reset
html, body{
  width:100%;
  background:#ccc;
  font-size:100%;
  /**overflow-x:hidden;**/ <-- Works fine with overflow-x:hidden
  font-family:Arial;
}

#wrap-page{
  margin:auto;
  width:1263px;
}

#wrap-content{
  margin:0 5px;
}

<!DOCTYPE html>
<html>
  <head>
  <title></title>
  </head>
  <body>

    <div style="wrap-page">
      <div style="wrap-page">
        <div style="float:left;height:2000px;width:1263px;">The test</div>
        <div style="clear:both;"></div>
      </div>
      <div style="clear:both;"></div>
    </div>

  </body>
</html>
4

1 に答える 1

0

リセットCSSを使用していますか。

body{
margin:0;
padding:0;
}

*{
margin:0;
padding:0;
}

CSSをリセット

または、ie \9hackを使用できます。

CSSが次のようになっている場合...

#myElement {
    width: 300px;
    width: 500px\9;
}

結果は#myElement、IE 7、8、および9では幅500ピクセルになりますが、他のすべてのブラウザーで#myElementは幅300ピクセルになります。

http://webdesignandsuch.com/ie9-specific-css-hack/

于 2012-12-28T06:58:48.153 に答える