![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_03.png?e8efa67)
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ランキング
-
livedoor blogってどうやって検...
-
LINEに下記メッセージが届きま...
-
アマゾンプライムでクレジット...
-
すいません真面目な質問です。 ...
-
ブログの作者・管理者に連絡を...
-
ブログの検索
-
ブログに関しまして。自分の書...
-
独自ドメインを使用したほうが...
-
YouTubeのコメントについてです
-
ライブドアブログがタグ付けで...
-
ライブドアブログを独自ドメイ...
-
ペットと話せる人
-
昨日、gooのブログを「別ウイン...
-
絵日記ブログ稼げますでしょうか?
-
検索ヒットについて!
-
ライブドアブログ でこのように...
-
blogger で次の様なエラーが発...
-
ブログの文章のどこが検索にか...
-
Bloggerを使用している人のブロ...
-
Googleスプレッドシートで期日...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
wordpress カスタムフィールド...
-
ブログのデザインがずれる原因
-
ライブドアブログにおいて記事...
-
WordPressのヘッダー上部の余白
-
タグ
-
ブログの背景色について
-
CSS疑似フレーム内の文字色の指...
-
FC2ブログで横幅を広げタイトル...
-
アメーバのブログ 画像の貼り付け
-
FC2ブログ タイトルの文字を...
-
記事の見出しタイトル
-
FC2ブログ プロフィールイラス...
-
アンドロイドで文字が左に偏る。
-
fc2ブログで記事とサイドバーに...
-
ブログ記事内に文章を左右2列に...
-
FC2ブログの右サイドバーが落ちた
-
ロリポブログのcss:センターに...
-
ブログのメイン記事の幅を広げ...
-
MovableTypeのサブカテゴリ字下...
-
MovableTypeでCSSにコメントを...
おすすめ情報