IE6のみレイアウトがずれる。

解決済

質問者：1238s
質問日時：2010/06/17 16:47
回答数：1件

IE6のみレイアウトがずれる。

CSSで下記のように指定しています。
現状のブラウザであればレイアウトが崩れないのですが

IE6で見るとレイアウトが崩れるのです。
#my_navi　#my_contentsL #my_contentsR
の三つが横一列に並ばせたいのですが

●　　　　　←#my_navi
　●　　　　←#my_contentsL
　　●　　　←#my_contentsR

の様にレイアウトが崩れてしまいます。
何か解決方法が有りますでしょうか?
宜しくお願い致します。

↓CSSの記述

body { width : 100% ; float: center; display: inline; }
#my_body { margin: 0 auto; width : 950px ; }
#my_main { width : 950px ; }
#my_header { width : 950px ; height: 100%; }
#my_headerT { float : left ; width : 950px ; }
#my_headerL { float : left ; width : 750px ; height: 260px; }
#my_headerR { float : right ; width : 200px ; height: 260px; }

#my_navi { float : left ; width : 190px ; display: inline; }
#my_contents { float : right ; width : 750px ; display: inline; }
#my_contentsL { float : left ; width : 550px ; display: inline; }
#my_contentsR { float : left ; width : 190px ; display: inline; }
#my_contentsF { float : left ; width : 750px ; display: inline; }

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

No.1ベストアンサー

回答者： noname#140925
回答日時：2010/06/17 20:44

IE6は一般的なCSSではなく、独自規格なので表示がおかしくなるのが正解です。

既に全世界的にIE6のサポートはヤメようと言う動きになっていますので、IE6対応は切り捨てましょう。

以下のページから、日本語版のソースをコピペして、貴方のサイトに貼りつけておけば万事解決です。

[参考]Code Samples - IE6 No More
http://www.ie6nomore.com/code-samples.html

どうしてもIE6に対応したいのなら、IE6専用のCSSを書いて、ブラウザを判別して、IE6のみ専用のCSSが動作するように作り込む必要があります。
はっきり言って無駄な労力ですが。