プロが教えるわが家の防犯対策術!

わけあってソースをお見せできないた為、正確なアドバイスをいただけない事を
十分承知で質問させていただきます。

あるWEBサイトのページで、IE(5~10)でだけレイアウトが縦になってしまいます。
表示させたい二つの塊は、いずれもdivで囲われています。
その他のブラウザでは問題なく左右に表示されるのに、
なぜIEでだけこのような現象が起こるのでしょうか。

こうじゃないか?といった憶測でもいいのでご協力くださる方、
どうかご回答お願いいたします。

A 回答 (3件)

互換モードで作成されているため、横幅の計算が合わない。

    • good
    • 0
この回答へのお礼

お礼が遅くなって申し訳ありません。
回答ありがとうございました!

お礼日時:2015/03/30 18:11

可変グリットレイアウト方式で作成されたサイトは


IEでは認識出来ない関係でレイアウトが異なると考えます。

http://www.adobe.com/jp/devnet/dreamweaver/artic …
http://www.adobe.com/jp/devnet/dreamweaver/artic …

下のサイトにサンプルソースのリンクが有ります。
    • good
    • 0
この回答へのお礼

お礼が遅くなって申し訳ありません。
回答ありがとうございました!

お礼日時:2015/03/30 18:11

HTMLを標準モードで描画するようにDOCTYPEを書き直す!!


DOCTYPEスイッチ( https://www.google.co.jp/search?q=DOCTYPE%E3%82% … )
 IEはウェブ標準でない時代にIE用に作られたページを、当時のデザインで表示させる互換モードがあります。DOCTYPEで適切に記述しないと互換モードで描画するように設計されています。
 現在は、HTML4.01strict,XHTML1.0strict,XHTML,HTML5などで作成していると思いますので、その何れかにHTMLを直して
Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html )
 でチェックして、DOCTYPEもきちんと書いて・・

 それでほとんどの誤差はなくなるでしょう。
IE6以前は無視して構いません。
    • good
    • 0
この回答へのお礼

お礼が遅くなって申し訳ありません。
回答ありがとうございました!

お礼日時:2015/03/30 18:11

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!