- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：cssのclear:both;を利用した場合の余白が・・・）
CSSのclear:both;を利用した場合の余白が...
このQ&Aのポイント
- XHTML+CSSでサイトを作る際に、「clear:both;」を使用するとFirefoxでは上に、IEでは下に余分な余白が発生してしまいます。また、「clear:both;」を使用しない場合はカラム落ちが発生してしまいます。
- 44行目のdivに「clear:both;」を使用しないとカラム落ちが発生し、使用すると余分な余白が発生します。
- 問題の回避方法や間違いがあれば、ご指摘いただけると幸いです。
- CyberDenx2
- お礼率80% (4/5)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
Firefoxで見ましたが、#topmenu-imgの上に余白があるんじゃなく て、#headerの下に#sitelogoのマージンがはみ出しています。CSS の P {margin : 0 0 1em 0;}の部分ですね。これは#sitelogoのス タイルで書いてやればオッケー。 で、美しくないDIV#clearですが、上記で一応「これがなくても #sitemenuが#sitelogoに引っかからず#containerの左端まで戻る」 状態になるので削除できます。でも、理屈からいえばこれは元々、 #sitemenuのスタイルにclear:both;を追加しとけばよかったんじゃ ないですかね。
お礼
ご回答有難うございます。 P {margin : 0 0 1em 0;}を指定していたのをすっかり忘れていました。 本当にありがとうございます。