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

質問

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; }

回答No.1

noname#140925 · ベストアンサー

IE6は一般的なCSSではなく、独自規格なので表示がおかしくなるのが正解です。
既に全世界的にIE6のサポートはヤメようと言う動きになっていますので、IE6対応は切り捨てましょう。

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

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

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

お礼

ご回答ありがとうございます。

IE6はシェアも減っているようですので思い切って切り捨てようと思います。

参考URL迄貼って頂きありがとうございました。