インラインイメージが左右に整列されているときに、列内でテキストがオーバーフローする問題があります。説明するのは難しいので、私は例のページを作成しましたhttp://alaskalegion.com/dev/test.phpImg align:IEで左にテキストオーバーフローが発生する
これはIE6とIE7でのみ発生します。どのようにこれを修正するための任意の考え?
私はこれらを生成しているバックエンドでfckeditorを使用しています。
インラインイメージが左右に整列されているときに、列内でテキストがオーバーフローする問題があります。説明するのは難しいので、私は例のページを作成しましたhttp://alaskalegion.com/dev/test.phpImg align:IEで左にテキストオーバーフローが発生する
これはIE6とIE7でのみ発生します。どのようにこれを修正するための任意の考え?
私はこれらを生成しているバックエンドでfckeditorを使用しています。
p
タグが画像の周りを囲んで、他の段落が上下になるようにする必要があります。今はテストできませんが、通常は周囲のブロック(段落)にoverflow:hidden
を使用しています。私はIEの場合、zoom:1
のようなものが必要だと思います。道ことで
、あなたは、インラインを取り除くcan't「を揃え:左」と同様に外部スタイルシートにCSSでそれを置き換える:
#center-column p img {
float: none; // if still necessary...
}
#wide_column p img { // I don´t know what the id of the wide column is...
float: left;
}
(私はドントかどうかを知りますあなたは
私はそれがalign = "left"の原因であることを知っています。問題は、このコンテンツがこのページに単一の列形式で表示され、レイアウト目的で明らかにalign = "left"が必要なフルページにも表示されることです。 align = "left"を維持するのに、このバグを引き起こさないようなCSSのトリッキーはありますか? – ChrisOPeterson
申し訳ありませんが、元の回答から何かを削除しましたが、今度はあなたの質問にもう答えません...それを元に戻したり、答えを変更して意味をなさないようにします。 – jeroen
甘い仕事。 ie6のみのスタイルシートで浮動小数点数を削除すると、その問題は解消され、レイアウトはまだよく見えます。 – ChrisOPeterson
)私はあなたのコードを見ることなく、右の画像をターゲットにしようとしている、
p
セレクタを必要と私は .news入国P { \tオーバーフローとIE7でこの問題を解決することができた:隠されました; } 問題はまだ、ie6で発生します。 – ChrisOPeterson