WEB作成メモBLOG

ULをfloatすると・が表示されない

HTML・CSS | 2011.01.14

リストをマークアップするタグの<ul>ですが、
画像を使ったデザインやグローバルナビゲーションとして使う時等は、項目の頭につく『・』が邪魔になることも多いです。
そこで、
スタイルシートで、「<ul>は全部『・』をつけない」という指定をする場合も多いのですが、
コンテンツの文中で普通にリストとして『・』をつけたくなったりすると、<ul>に細かいスタイル指定をする必要が出てきます。
ということで、<ul>絡みであれこれとスタイル指定をしていたところ、
<div>等ではなく<ul>に直接、スタイルでfloat指定をすると、IEで見た場合『・』が表示されないというバグに遭遇しました。

このバグは結構強力で、何をやってみても解決策が見つかりませんでした。
ネットで探したところ、floatをnoneにして解除してあげると『・』が表示されるようになったという例もある様ですが、私の場合それでも駄目でした(涙)

画像(<img>)に直接float指定する時等も、思い通りにいかない事がよくあります。
float関係はバグが多いですが、<ul>や<img>等の個別のパーツを動かすものというより、カラムのレイアウトというのが基本的な考え方だと思うので、イレギュラーでこのパーツだけちょっと右にしたい等はなるべく発生させないようにし、全体を考えて計画的なコーディングをしたいものです。

【PR】使わなくなったパソコンはありませんか?パソコン無料回収

関連する記事

カラーミーショップはリアルな店舗を持っていなくても、ネットを通じて商品を販売する楽しみを多くの人に実感してもらえるショッピングカートです。これまでに23万を超えるユーザー様からお申込みをいただいております。
カラーミーショップなら誰かに(大手に)頼らなくても、あなた好みのネットショップを作れます。あなたがセレクトした商品や作った商品の魅力を伝え、それを欲しいと思ってくれる人にお届けしてみませんか。
30日間、無料でお試しいただけるので、初心者の方やネットショップ作成サービスで悩んでいる方も、安心してご利用いただけます。
ロリポップ!レンタルサーバー!はあなたの「やってみたい!」を応援します!
ロリポップ!なら、ホームページ、ブログ、ネットショップ…
これらが今すぐ、そして簡単にできちゃう!
マニュアルやライブチャットを完備しているので、ホームページ初心者でも安心。
これだけついてるのに月額100円(税抜)~ととってもお得。
もちろん無料のお試し期間も10日間あるので安心ですね。

▼ロリポップ!レンタルサーバーはこちら
▼インストール不要の画像作成ツール▼
画像作成ツールボタンメーカープロ

カテゴリー

アーカイブ


リンク

アフラット
ページのトップへ戻る