2010-12-15 2 views
1

インラインイメージが左右に整列されているときに、列内でテキストがオーバーフローする問題があります。説明するのは難しいので、私は例のページを作成しましたhttp://alaskalegion.com/dev/test.phpImg align:IEで左にテキストオーバーフローが発生する

これはIE6とIE7でのみ発生します。どのようにこれを修正するための任意の考え?

私はこれらを生成しているバックエンドでfckeditorを使用しています。

+0

)私はあなたのコードを見ることなく、右の画像をターゲットにしようとしている、pセレクタを必要と私は .news入国P { \tオーバーフローとIE7でこの問題を解決することができた:隠されました; } 問題はまだ、ie6で発生します。 – ChrisOPeterson

答えて

1

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; 
} 

(私はドントかどうかを知りますあなたは

+0

私はそれがalign = "left"の原因であることを知っています。問題は、このコンテンツがこのページに単一の列形式で表示され、レイアウト目的で明らかにalign = "left"が必要なフルページにも表示されることです。 align = "left"を維持するのに、このバグを引き起こさないようなCSSのトリッキーはありますか? – ChrisOPeterson

+0

申し訳ありませんが、元の回答から何かを削除しましたが、今度はあなたの質問にもう答えません...それを元に戻したり、答えを変更して意味をなさないようにします。 – jeroen

+0

甘い仕事。 ie6のみのスタイルシートで浮動小数点数を削除すると、その問題は解消され、レイアウトはまだよく見えます。 – ChrisOPeterson

関連する問題