• 締切済み

IE6に対応させたcssハックについて

cssベースでHPを構築しています。 ヘッダー、そしてメインブロックの中にレフトボックス、 ライトボックスを入れた2カラムです。 レフトボックスとライトボックスはフロートで調整しています。 ブロックにフロートを使うとIE6でマージンオートが適用されないという 話を聞き確認してみたところ、確かにIE7,ファイアーフォックスでは きちんと背景の真ん中にコンテンツが表示されているのですが、 IE6で見てみるとズレが生じています。 マージンオートが適用されず、左側にヘッダー、メインボックス全て くっついている状態です。 ハックを使うことがポイントのようなのですが、 IE6用にどのようにスタイルシートに記述すれば宜しいでしょうか?? IE6しか読み込まない子供セレクタを使うというものもありましたが px指定してもパソコンの画面サイズでずれが生じるといったことは ないでしょうか? cssに詳しい方宜しくお願い致します。

みんなの回答

  • muzirusi
  • ベストアンサー率29% (23/78)
回答No.2

中央表示させたいってことかしら? 古いIEに対しての中央表示はbodyに対して body { text-align : center ; } を指定すれば古いバージョンのIEにも適応出来ます。 これだと文字も中央表示になるのでbody以外の大きな囲いに対して { text-align : left }をしてあげればオーケーだす。

ststst
質問者

お礼

ありがとうございました。 締め切りを忘れており大変失礼いたしました!!!

  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

ちょっと具体的な事はわかりませんが、 段組レイアウトに関しては http://www.geocities.jp/multi_column/ こちらに詳しい研究・解説がありますので参考になると思います。

関連するQ&A