0

私は自分のお気に入りのブラウザで正しく表示されるように作成した Web サイトを取得しようとしています。笑。div 内に 2 つの浮動要素があります。

#content_container { position:relative; width: 908px; background-color:#FFFFFF; padding: 26px; min-height:400px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; }
#content_container_left { position:relative; width: 384px; float:left;}
#content_container_right { position:relative; width: 496px; float:right; text-align:justify;}

上記の CSS の結果は次のようになります。

ここに画像の説明を入力

ご覧のとおり、テキスト (#content_container_right) の情報はギャラリー (#content_container_left) の下にあります。右側のコンテナーは、空のスペースがある右側に浮いている必要があります。

margin:0px;両方の浮動要素にandを与えようとしましpadding:0px;たが、これは機能しません...そして、浮動要素にマージンがありませんが、display:inline;どちらも機能しません。親divのパディングは問題ではないようです。

ところで: 私はこれをIE Testerでテストしており、非常に有用であることが証明されています (実際のゴミの 100% レプリカではないかもしれませんが)。

アイデア/提案はありますか?

4

1 に答える 1

0

Ok, So I've figured it out that the display:inline; and zoom:1 has solved my issues (use them in the floated divs). The guys below have given some great advice regarding IE6. Remember not to break your back for IE6 as Henrik mentions, because this just makes Microsoft LAZY and it is fading out.

于 2012-07-08T16:00:17.277 に答える