CSSレイアウトについて

質問

XHTML+CSSでレイアウトし、IE6、FireFoxで確認すると、横のずれはないのですが、縦の崩れができてしまします。
具体的にはIEでは正しく表示されているが、FireFoxで見ると、縦方向に余分なスペースができるといった具合です。
　きちんとCSSで高さを指定していないことが理由でしょうか？

回答No.3

xxsuzuxx

Firefoxのほうが正しいCSSを表示してくれる場合が多いので、
IEのバグに合わせながら作った結果Firefoxの表示がおかしくなってしまった状態だと思うのですが、
floatは使って段組などを構成しているなら、classあるいはidの中にfloatとmarginを同時に指定していませんか？
もししていたら別々のclassかidに分けて指定してみてください。

あるいは、margin-leftやmaegin-rightで指定している部分と
paddingで指定した部分が重なっているとか。
詳しいソースがわからないので、そのあたりを疑ってみてください。

もしかしたらfloatの回り込みを解除したい所に
<br style="clear:both;">
を挿入するだけで解決するかもしれません。

参考URL：

http://www.web-mame.net/css_layout/beginner3.html

回答No.2

DrFell

ソース出さないなら、自力でどうぞ。IEは正しいというからには何が正しいかはご存知と思いますが……、私の経験から間違っているのはIEであることが多いです。IEは独自路線が企業戦略ですので、仕様書など、関係ないのでしょうね。正しいのと思い通りは違いますので……。多分、浮いてる事が原因だと思いますが……。

とりあえず処方箋を
http://stopnlisten.no.land.to/2007/01/css10.html

参考URL：

http://stopnlisten.no.land.to/2007/01/css10.html

回答No.1

MAN_MA_RUI

回答者はエスパーじゃないんでXHTMLとCSSのソースを見なければ分かりません。