- ベストアンサー
bodyのセンタリングとwidthの指定について
- bodyのセンタリングとwidthの指定に関する質問です。
- 質問者はスタイルシートでbodyをセンタリングする方法について説明しています。
- Win IE6とSafari5で表示が崩れる現象が発生しており、問題の原因を推察できる回答を求めています。
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
＞htmlにtext-alignを指定したりbodyを直接センタリングしているので不安は少々あるのですが…。 何かのテクニックでなければ辞めましょう。 いや、そもそも、 HTML4.01 strictなんだからbody直下のdivから始めましょうよ。 そのセレクタを一段ずつ下げて指定した方が良いでしょう。
その他の回答 (1)
Bodyのセンタリングですか？ <CENTER> </CENTER>でくくればいいですけど。 最後の </HTML>が抜けているだけのような気もしますが・・・・ IEは結構適当に組んでも出ますけど、ネットスケープなど、命令が違う場合もあります <TBODY>使ったり <ＴＲ> <TD> 使うのも一つの解決にはなると思います。 text-align:left; 580pxの枠で左に寄せなさいと書いていますが？？
お礼
回答ありがとうございました。 検証は終了し、やはり無難にdivを置いておこうかと思います。
補足
お早い回答ありがとうございます。 目的はbodyそのもののセンタリングです。 通常はdivをbody直下に置き、 body{text-align:center;}/*IE対策：divをセンタリング*/ div{ margin:0px auto;/*IE以外のブラウザ：divをセンタリング*/ text-align:left;/*IE対策で指定されたセンタリングをdiv内では解除*/ } などとしてdivをセンタリングするわけですが、bodyを直にセンタリングすることも可能だというので、htmｌとbodyにそれぞれの指定を移して検証してみたのです。 これだとbody直下に広告などが入る場合でもレイアウトとの調整が効きますので。 しかし、やはりあまり推奨される方法ではないのでしょうね。 h2以下だけが下がるのは気にかかりますが…。 htmlの終了タグですが、省略可能なものは省いてます。 念のためきちんと記述してみましたが、変化はありませんでした。 ＞<TBODY>使ったり 表でもないので今回は使用しませんが、最近は疎遠にしすぎて使い方忘れていそうです（笑）
お礼
＞HTML4.01 strictなんだからbody直下のdivから始めましょうよ。 やはりそれが最適ですよね。 今回はちょっとした検証のつもりだったのですが、実用的でないのは確認できましたので、終了しようかと思います。 なぜh2以下だけが、と疑問はありますが。 ◇試す人も少ないでしょうが補足 私の場合、IE6ではh1以下の表示に幾分時間を要しました。 お二方、ご回答ありがとうございました。 こちらをベストアンサーとし締め切らせていただきます。