ULをfloatすると・が表示されない
HTML・CSS | 2011.01.14
リストをマークアップするタグの<ul>ですが、
画像を使ったデザインやグローバルナビゲーションとして使う時等は、項目の頭につく『・』が邪魔になることも多いです。
そこで、
スタイルシートで、「<ul>は全部『・』をつけない」という指定をする場合も多いのですが、
コンテンツの文中で普通にリストとして『・』をつけたくなったりすると、<ul>に細かいスタイル指定をする必要が出てきます。
ということで、<ul>絡みであれこれとスタイル指定をしていたところ、
<div>等ではなく<ul>に直接、スタイルでfloat指定をすると、IEで見た場合『・』が表示されないというバグに遭遇しました。
このバグは結構強力で、何をやってみても解決策が見つかりませんでした。
ネットで探したところ、floatをnoneにして解除してあげると『・』が表示されるようになったという例もある様ですが、私の場合それでも駄目でした(涙)
画像(<img>)に直接float指定する時等も、思い通りにいかない事がよくあります。
float関係はバグが多いですが、<ul>や<img>等の個別のパーツを動かすものというより、カラムのレイアウトというのが基本的な考え方だと思うので、イレギュラーでこのパーツだけちょっと右にしたい等はなるべく発生させないようにし、全体を考えて計画的なコーディングをしたいものです。
【PR】使わなくなったパソコンはありませんか?パソコン無料回収