ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

CSSコミュのFirefoxでBOXの背景が足りなくなる

  • mixiチェック
  • このエントリーをはてなブックマークに追加
お世話になります。
以前の書き込みであったようにも思い探してみたのですが見つけられなかったので投稿いたします。
もし過去にありましたらお手数ですがそちらを教えていただければと思います。よろしくお願いいたします。


本題です。

以下のsampleなのですが
http://redstock-ws.com/060525/

BOXの入れ子構造でヘッダーを作成しています。

/////////////////////////////////////////
<body id="top">
<div id="header">
<div id="logo">
<p>log</p>
</div>
<div id="global-navi">
<ul>
<li><a href="#">お問い合わせ</a></li>
<li><a href="#">001</a></li>
<li><a href="#">002</a></li>
</ul>
</div>
<div id="tab">

<省略>

<div id="navi">
<ul>
<li><a href="#">TOP</a></li>
<li><a href="#">blog</a></li>
<li><a href="#">shop</a></li>
<li><a href="#">faq</a></li>
<li><a href="#">contact</a></li>
</ul>

</div>
</div>
/////////////////////////////////////////

レイアウトは取り合えず意図とおりになったのですが
#headerの背景が"Firefox"だと足りなくなってしまいます。
IEは問題ありませんでした。

はずしているかもしれませんが、
調べていった中でfloatを多く利用している為なのかと
言うところで止ってしまいました。
claerをまだどこかに適用させないとならないのでしょうか?

助言の程、何卒お願いいたします。


確認した環境:win Firefox

コメント(6)

>カタセカプリチオーソさん
さっそくありがとうございます。

linkしてもらったサイトの
//////
.clearfix:after {
(省略)
}
//////
を
最後の<ul>が入っている<div>の適用するのでしょうか?
>カタセカプリチオーソさん
ありがとうございます。
試して見ます!!
職場なのでローカル作業でですが出来ました。
(^^)
ありがとうございます。
after:の使い方がなんとなくですが理解できました。
ありがとうございます。

ログインすると、みんなのコメントがもっと見れるよ

mixiユーザー
ログインしてコメントしよう!

CSS 更新情報

CSSのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。