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

質問

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

回答No.2

oyukitya-n

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

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

お礼

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

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

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

回答No.1

ORUKA1951

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

★DOCTYPEスイッチ - Google 検索 ( https://www.google.co.jp/search?q=DOCTYPE%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:ja:official&hl=ja&client=firefox-a )

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

お礼

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

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

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

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