人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Firefoxで閲覧してますと、ヘッダー部分の文字がかぶってしまいレイアウトが
崩れてしまいます。CSSの2段組でレイアウトを構成しておりますが、
とても困っております。
http://www.canon.oa-sanko2.com/fuan/fuan/fuan2.html
教えてgooなどでも質問しましたが、原因がわからず途方に暮れています。
よろしくお願いいたします。

●質問者: yasudive
●カテゴリ:ウェブ制作
✍キーワード:CSS firefox レイアウト 教えてgoo
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● 牛乳先生(tukihatu)
●35ポイント

あてずっぽうですがおそらく

ソース上で(htmlファイルをノートパッドで開くと出てくる文章)下のほうにある

</div>
<div class="footer">

というところを

</div>
<div style="clear:both;"></div>
<div class="footer">

に置き換えると直ると思われます。

http://blog.webcreativepark.net/2006/03/12-145730.html

◎質問者からの返答

やっぱりダメでした。


2 ● makiton
●50ポイント ベストアンサー

.cover, .main, .hidarimenu に height:100% が指定されているようですが、これを外してみてください。

height:100%とされている意図がちょっと分からないのですが、この指定は「ブロックの高さを外側のブロックの高さの100%(つまり目一杯)に設定する」という意味ですので、続くfooterブロックの表示領域が確保できず、重なって表示されてしまいます。


参考になれば幸いです。

http://www.canon.oa-sanko2.com/fuan/fuan/fuan2.html

◎質問者からの返答

ありがとうございます。やっと私が意図した通りになりました。

本当に、本当に、本当に、ありがとうございます。感謝感激です。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ