1

Ie では正しく見えない非常に単純なレイアウトがあります。私は Firebug Lite と IE Developer Toolbar をいじりましたが、この場合、右の画像が左の画像の下に折り返される理由がわかりません。これは、デバッグ目的で簡略化した問題へのリンクです。 http://tunetra.de/test/layout.html

また、以下に HTML を貼り付けます。

<html>
<head>
<style>
#container
{
    margin: 0px auto;
    width: 1000px;
    background: #fff;
}

#main
{
  text-align: left;
}
</style>
</head>
<body style="text-align:center;">
  <div id="container">
    <div id="header">
      <img src="img/left_image.png" style="width: 272px; height: 90px; float: left;position: relative;"> 
      <div style="float: right;position: relative;background-color: #fff;width: 728px;height: 90px;">
      <img src="img/right_image.png" style="">
    </div>
  </div>     
  <div id="main">
    Lorem Ipsum Bla<br/> Bla<br/> Bla
  </div>
</div>
</body>
</html>
4

1 に答える 1

5

あなたのページは、Internet Explorer 10 ではデフォルトで正常に動作します。ただし、Internet Explorer 9 では、あなたが言及している問題が見られます。これは、Quirks モードでのページの読み込みが原因です。これを修正するには、次の Doctype を挿入します。

<!DOCTYPE html>

<html>それを最初の行の直前に置きます。これで問題は解決します。

F12 開発者ツールを使用してページを標準モードにすることで、これをすばやくテストできます。キーボードの F12 を押して、開発者ツールを表示します。右上の [Document Mode: Quirks Mode] をクリックし、[Internet Explorer 9 Standards] に変更します。

于 2013-03-09T03:53:50.653 に答える