人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

テーブルタグを一切使わないでCSSだけで
IE・Firefox両方とも正しく見れる方法

http://dbp.cool.ne.jp
このサイトが左寄りになってるのを
中央にしたいのです。

●質問者: oryaaaaa
●カテゴリ:ウェブ制作
✍キーワード:firefox サイト タグ CS
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● antennauser
●5ポイント

cssで<div class=”centerbody”>に対して

text-align:center;を指定してあげればOKですよ。


つまりdiv.centerdoby{text-align:center;}とcssに記述

してあげればOKということです。

◎質問者からの返答

すでに

div.centerbody {

text-align: center;

}

指定してあるのですけど、ダメなんです。


2 ● jouno
●30ポイント

http://tancro.stp-1.com/stylesheet/n6_center.html

中央寄せ

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でいこう

◎質問者からの返答

ありがとうございます。

試してみましたが800x600でNGとなり

何の為に800x600に合わせてレイアウトを決めているのか無意味になってしまいます。

centerbodyを取りやめて div align=centerにすると

ヘッダーの画像はセンタリングするのですが、その下の3列が

IE・FF共に無視されます。


3 ● antennauser
●100ポイント

http://www.mozilla.gr.jp/standards/webtips0004.html

ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト

ここでは説明がちょっと長くなりそうなのでうちのブログに来てください。内容はリンク先のものです。

2番目がうちのブログです。

http://michishigesayumi.main.jp/blog/index.php?mode=show&UID...

404 error

◎質問者からの返答

ありがとうございます。参考になりました。

2番目のブログにMozillaJapanスタッフの方による

WEB標準化の見本を載せました。本には載ってな

い実用例なので勉強になります。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ