• ベストアンサー

cssでセンターに配置が出来ない

お世話になります、XPのIE6.0使用の初心者です。 ページ全体をcssでセンターに配置したいのですが、 ブラウザで見ると、左に寄ってしまいます。 (cssコード) ↓こんなふうにセンター配置にしたいです。 ttp://www.tagindex.com/template/page/example/2colimn_fix2.html 解決策をご教授下さいませ。宜しくお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

<body>の幅を固定するのは好ましくありません。 できれば、margin:0px(IE対策)とでもしてウィンドウ幅は訪問者サイドに任せましょう。そうすれば、携帯で訪問されることの多い今の時代、便利です。(携帯用にスタイルシートを書いても良いですが)  センター配置したい要素 div#container div#header div#navi div#content div#footer#copy のすべてに width : 800px; margin : auto; とするか、中寄せしたい要素すべてをdiv class="center"で括って、,centerで一度設定するほうが簡単。 また、 bodyにpadding: 10% 0% 10% 0% とするほうがでスマートかも いずれにしても本文がウィンドウサイズによって拡縮しますから div#navi ul li.he1 a { background : url(img/home.gif) no-repeat; width : 20%; } のように、追随するように・・  あるいは、

westgk
質問者

お礼

問題が解決いたしました。 詳しいご回答を頂きありがとうございました。

関連するQ&A