ＩＥ・Firefox両方とも正しく見れる方法
http://dbp.cool.ne.jp
このサイトが左寄りになってるのを
中央にしたいのです。
No.1
48
0
5pt
cssで<div class=”centerbody”>に対して
text-align:center;を指定してあげればOKですよ。
つまりdiv.centerdoby{text-align:center;}とcssに記述
してあげればOKということです。
No.2
2800
30pt
position:absoluteで指定しているのが主な原因です。
絶対位置指定をすべてはずして、div.menu とdiv.center
とdiv.prにfloat:left;を追加します。
で、つぎに
div.centerbody{
margin-left:100px;
margin-right:auto;
width:760px;
}
とします。moz系だけならmargin-left:autoなのですが、IEでは有効ではないので、100pxにしました。画面の横幅のpixelを仮定していいならこの値はもうちょっと厳密に出せると思います。
http://css.webmeister-jp.com/tips/table2div.php
テーブルを使わずにCSSでいこう
ありがとうございます。
試してみましたが８００ｘ６００でＮＧとなり
何の為に８００ｘ６００に合わせてレイアウトを決めているのか無意味になってしまいます。
centerbodyを取りやめて div align=centerにすると
ヘッダーの画像はセンタリングするのですが、その下の３列が
ＩＥ・ＦＦ共に無視されます。
No.3
480
100pt
http://www.mozilla.gr.jp/standards/webtips0004.html
ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト
ここでは説明がちょっと長くなりそうなのでうちのブログに来てください。内容はリンク先のものです。
2番目がうちのブログです。
ありがとうございます。参考になりました。
２番目のブログにMozillaJapanスタッフの方による
ＷＥＢ標準化の見本を載せました。本には載ってな
い実用例なので勉強になります。
17
17
1
1
1
すでに
div.centerbody {
text-align: center;
}
指定してあるのですけど、ダメなんです。