1


0

OK。 これが状況です。 私は自分のウェブサイトの1つにコメント欄を作っています。 これがマークアップの例です。

2009年8月2日日曜日に書かれた12:12:54 AMによってjohndoeもう一つのコメント:D:D:D

2009年7月30日木曜日に書かれた02:59:48 AMによってjohndoeテストのコメントlalala


コメントをテストする


コメントをテストする

そして、これが私のスタイルです。

.comments li {
マージントップ:1em。パディング:0 1em。背景:#3a3a3a。 }
.comments img {
フロート:左。マージン:1em 1em 1em 0。ボーダー:1ピクセルソリッド#4f5055。 }
.clear {
クリア:両方}
.pad-top {
パディングトップ:1em。 }
.pad-bottom {
パディングボトム:1em。 }

フローティングイメージが消えるIE7を除くすべてのブラウザで、すべてうまく機能します。 実証するために、これがIE8、Firefoxなどでどのように見えるかです。

そしてこれがIE7の外観です。

誰もがこれを修正する方法を知っていますか? 私は既にアンカーや他の多くのトリックを浮遊させることを試みました、しかし、私はそれをIE7で正しく動作させることができません。

4 Answer


3


IE7にはhttp://css-class.com/articles/explorer/guillotine/[guillotine]とBGカラーのバグがいくつかありますが、それらは通常:hoverの使用と関連付けられています。 この場合にそれが起こっているかどうかはわかりませんが、解決策は典型的なものです:要素を与えるhttp://www.satzansatz.de/cssd/onhavinglayout.html[layout];具体的には、 `+ .comments li +`にレイアウトを指定します。

.comments li {
    overflow: auto;
}


1


私が同じような問題に出くわしたとき、これは私のために働きました:

img \ {position:relative;}


0


ベストプラクティスについてはわかりませんが、divブロックの内側に配置してから、そのブロックをフロートさせます。

私はまた明確に加えます:CSSの.commments liセクションに両方。


0


また、この問題に遭遇し、この解決策を見つけました:http://css-class.com/articles/explorer/guillotine/