※ ChatGPTを利用し、要約された質問です(原文:CSSでのセンタリングができません。)
CSSでセンタリングができない?設定方法や確認方法についてお教えください
このQ&Aのポイント
CSSで下記のように設定したがセンタリングされない。設定方法や確認方法に問題があるのか。
CSSをヘッダーに記述しHTMLはBODYに記述しているが、センタリングができない。どのように修正すればいいか教えてください。
CSSの記述に問題はないが、WEB上で確認せずローカルで確認していることが問題か。センタリングができるようにするにはどうすればいいか。
CSSでのセンタリングができません。
こちらのページを参考にCSSで下記のようにCSSを設定したのですが
センタリングされません。設定方法がまずいのでしょうか?
それともWEB上で確認せずローカルで確認していることに問題があるのでしょうか?
宜しくお願い致します。
(CSSの記述はヘッダーに入れておりHTMLはBODYに記述しております)
http://desperadoes.biz/style/dan/
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
* { margin : 0 ; padding : 0 ; }
body { width : 100% ; float: center; }
#my_body { position : relative ; margin-left:auto ; margin-right:auto; }
#my_main { width : 950px ; }
#my_header { width : 950px ; }
#my_navigation { float : left ; width : 190px ; }
#my_contents { float : left ; width : 750px ; }
#my_contentsM { float : left ; width : 550px ; }
#my_contentsS { float : right ; width : 190px ; }
#my_contentsB { float : left ; width : 750px ; }
HTML部分は
<body>
<div id="my_body">
<div id="my_header">
</div>
<div id="my_main">
<div id="my_navigation">
</div>
<div id="my_contents">
<div id="my_contentsM">
</div>
<div id="my_contentsS">
</div>
<div id="my_contentsB">
</div>
</div>
</div>
</div>
</body>