背景色やイタリックは、Internet Explorer 7のバグをオフに設定し、

StackOverflow https://stackoverflow.com/questions/1186571

質問

次のコードは、私が遭遇してるの問題を示しています：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<style>

p
{
    background-color:#FFF;
}


</style>
</head>
<body>

  <img src="http://www.google.com/intl/en_ALL/images/logo.gif" style='float:left;'>
  <p><em>This is an italic sentence.</em></p>
  <p><strong>This is a bold sentence.</strong></p>
  <p>This is a normal sentence.</p>

</body>
</html>

このコードはIE7で表示されている場合、Googleロゴは「白い水平バー」を実行することによって、各段落に並んで左に表示され、右側に表示されます。

タグを使用して最初の行を削除する行が消えるようになります。それを自分で試してみてください。三行のそれぞれを削除し、どのようにバグの変更を参照してください。

これで起こっている世界では？

-

解像度：hasLayoutの問題。ズームを追加：全角に1つの属性は、問題を修正する

。
役に立ちましたか？

解決

それが起こっている理由はわからないが、作るの多くの方法があることを確認、それはない、表示追加などを行います。全角にインラインブロックを

他のヒント

これは、浮上画像の起こっている。

画像は、技術的に浮いている場合、独自の任意のレイアウトを持っていません。 CSSであなたが彼らに#FFFの背景を与えたので、白いバーは、

タグです。

それはオーバートップ浮いの面白い白いバーを残し、そこにそれらを起動し、単に浮かべ画像過去コンテンツバンプので、

IE7の場合は、

タグは、実際左端のページの開始時に始めていると考えていますイメージます。

私はあなたの

タグに左マージンを与えることで、その周りに取得しようとするだろう。あなたがイメージを乗り越えるために十分な左余白を作る場合、あなたはもう、それらのバーを取得するべきではありません。

だから... ...のような何かを試してみてください。

p{ background-color: #fff; margin-left: 300px; }

あなたは左マージンを調整することができますが、これらの線に沿って何かがあなたのための白いバーを取り除く必要があります。

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top