勉強も兼ね xhtml1.0
<?xml version="1.0" encoding="shift_jis"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
にてサイト作成中です。
全体のセンターよせを
#wrapper{width:756px; margin:0 auto;}
で行っておりますが
Firefox IE7には対応するのですがIE6では対応できておりません。
追加に必要なタグをどなたかご教授頂けますでしょうか？よろしくお願いいたします。
No.5
142
15
40pt
これ、困りますよね。でもIE6は無視するわけにはいきませんし（溜め息）。
私は諦めて、2番の回答者さまと同様のハックを一括指定として使っています。具体的には
121
117
body {
text-align: center;
}
body div {
text-align: left;
margin: 0 auto;
}
という、記載です。私もよく覗かせていただいているサイトなのですが、とても丁寧に分かりやすく教えてくださっているところなので、ぜひ下記URLをご参考になさってみてください。
http://adp.daa.jp/archives/000250.html
質問者さまは、ブラウザは何をお使いですか？
「勉強を兼ねて」ということであれば、Strict（標準準拠）で作成して、firefoxとIEで見比べつつ作成されると、IEバグ対応の練習にもなるのではないでしょうか。
No.1
47258
10pt
IE6 は margin : auto に対応していないので、外側のブロックで text-align : center にしてやらなければいけません。
早速のご回答ありがとうございます。
text-align : center
にすると
中のテキストも一緒にセンターよせになってしまいます。
No.2
47258
10pt
中のテキストも一緒にセンターよせになってしまいます。
それはもう対症療法で中のブロックで text-align : left にしてやるしかありません。
ごめんなさい、
そもそも
#wrapper{width:756px; margin:0 auto;text-algin:left;}
に、なりません；；
No.3
223
20pt
text-align : center
にすると
中のテキストも一緒にセンターよせになってしまいます。
IEのおかげで、そういうことになります。
なので、p要素など左寄せにしたいのを
text-align:left;
にしてあげてください。
上記コメント修正です、すいません。
ごめんなさい、
そもそも
#wrapper{width:756px; margin:0 auto;text-algin:center;}
で
センターよせに、なりません；；
No.4
866
29pt
http://www.mars.dti.ne.jp/~fuming/advanced/dtd.htm
IE6 は xml 宣言があると、互換モードでレンダリングしてしまうため、margin:0 auto; が効かなくなってしまいます。
そこで、xml 宣言をなしにするのが、具体的な対策となります。
XHTML において、xml 宣言を省略する場合は、以下が参考になります。
No.5
14215
ここでベストアンサー
40pt
これ、困りますよね。でもIE6は無視するわけにはいきませんし（溜め息）。
私は諦めて、2番の回答者さまと同様のハックを一括指定として使っています。具体的には
body {
text-align: center;
}
body div {
text-align: left;
margin: 0 auto;
}
という、記載です。私もよく覗かせていただいているサイトなのですが、とても丁寧に分かりやすく教えてくださっているところなので、ぜひ下記URLをご参考になさってみてください。
http://adp.daa.jp/archives/000250.html
質問者さまは、ブラウザは何をお使いですか？
「勉強を兼ねて」ということであれば、Strict（標準準拠）で作成して、firefoxとIEで見比べつつ作成されると、IEバグ対応の練習にもなるのではないでしょうか。
参考サイトありがとうございます！
このサイトを元に再度CSSを組みなおしていこうと思います。
普段Firefoxに慣れてしまっている為、ついついIE（特に6）の対応を後手で行ってしまい、めちゃくちゃ混乱したソースになったりしています；；
ありがとうございました！
1
1
1
参考サイトありがとうございます！
このサイトを元に再度CSSを組みなおしていこうと思います。
普段Firefoxに慣れてしまっている為、ついついIE（特に6）の対応を後手で行ってしまい、めちゃくちゃ混乱したソースになったりしています；；
ありがとうございました！