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ベストアンサー
- 回答日時:
IE6は一般的なCSSではなく、独自規格なので表示がおかしくなるのが正解です。
既に全世界的にIE6のサポートはヤメようと言う動きになっていますので、IE6対応は切り捨てましょう。
以下のページから、日本語版のソースをコピペして、貴方のサイトに貼りつけておけば万事解決です。
[参考]Code Samples - IE6 No More
http://www.ie6nomore.com/code-samples.html
どうしてもIE6に対応したいのなら、IE6専用のCSSを書いて、ブラウザを判別して、IE6のみ専用のCSSが動作するように作り込む必要があります。
はっきり言って無駄な労力ですが。
ご回答ありがとうございます。
IE6はシェアも減っているようですので思い切って切り捨てようと思います。
参考URL迄貼って頂きありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS インラインブロックの中のテキストを上下中央に合わせたい 1 2022/12/24 17:46
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
fc2ブログのアクセス解析がう...
-
アメーバのブログ 画像の貼り付け
-
CSS html ブログの横幅の編集
-
bloggerブログで画像の枠を消す...
-
wordpress カスタムフィールド...
-
お世話になっております。fc2で...
-
FC2ブログ タイトルの文字を...
-
さくらブログ(シーサーブログ...
-
tumblrのカスタマイズ
-
Movable typeにてスタイルシー...
-
HTML&CSSとwordpressの違い
-
FC2ブログ アクセス解析が反映...
-
ライブドアブログ親子カテゴリ...
-
FC2ブログにアフィリエイトを...
-
工数表のテンプレートってない...
-
FC2ブログ アクセス解析の設置...
-
FC2ブログ IndexページのIndex...
-
ライブドアブログにアフィリサ...
-
FC2アクセス解析のが表示されま...
-
fc2ブログ、記事のタイトルにリ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
中央寄せの解除
-
ライブドアブログにおいて記事...
-
ブログのデザインがずれる原因
-
2beeブログで行間と文字の間隔...
-
ライブドアブログのサイドバー...
-
FC2ブログで引用に背景色をつける
-
WordPressのヘッダー上部の余白
-
IE6だけ何故か左寄せになります
-
ブログ記事内に文章を左右2列に...
-
wordpress カスタムフィールド...
-
FC2ブログの右サイドバーが落ちた
-
アメブロをFireFoxでみると…
-
アメーバブログの両サイドの余...
-
FCブログの文字の大きさについて
-
本文の文字を大きくしたい
-
アンドロイドで文字が左に偏る。
-
tumblrをやっている方、jsやcss...
-
アメーバのブログ 画像の貼り付け
-
水平線<hr>で途中から線種を変...
-
ライブドアブログの「ホワイト...
おすすめ情報