floatが機能せず、レイアウトが崩れて困ってます

Chromeでは平気ですがIEだとfloatが機能してないようでレイアウトが崩れてしまいます。
どこを直せばいいかわからず、お手上げ状態です。アドバイスを頂けると助かります。
よろしくお願い致します。

No.2 回答者： oyukitya-n 回答日時： 2012/08/09 21:46

多分ですが、

widthとheightの領域をしっかり取ってますか？
取らないとよく崩れたりします。

また、clearfixも使って領域確保してあげないとボックス突き破ったり
しますので、関連サイト等を見てやってみてくださいませ(*´∀｀)

この回答へのお礼

全てのdiv要素内にfloatをいれてなかったみたいでした！

クローム→入ってなくて崩れない
IE→入ってないと崩れる

初歩のミスですみません。丁寧にありがとうございました！

お礼日時：2012/08/16 09:56

No.1 回答者： ORUKA1951 回答日時： 2012/08/09 19:04

標準モードで動作するようにDOCTYPEスイッチを書きましょう。

もちろん、HTML自体もそのDOCTYEに合うように直します。
　(基本的にはHTML4.01strictが確実ですし、今後のことを考えるとベストです。)
　→HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )

★DOCTYPEスイッチ - Google 検索 ( https://www.google.co.jp/search?q=DOCTYPE%E3%82% … )

　なお、使用しているブラウザのバージョンとOSを書きましょう。

この回答へのお礼

DOCTYPEスイッチというものを知らなかったので、勉強になりました！ありがとうございました！


問題自体は一応解決しました。
全てのdiv要素内にfloatをいれてなかったみたいでした！

クローム→入ってなくて崩れない
IE→入ってないと崩れる

初歩のミスですみません。丁寧にありがとうございました！

お礼日時：2012/08/16 09:57