スタイルシートでのセンター表示
-
0 名前： you ： 2006/01/05 18:32 ［URL］
- 初めて書き込みしますが
どうしても解決できません 幅760ｐｘのサイトをセンターに表示させたくて
幅を760ｐｘで固定し左右のマージンをオートにしました。
ＩＥ6.0では、センターに表示 Netscape7.1でもセンター表示されているのですが
ＩＥ5.0では、センターじゃなくて左揃えになっています。
ＩＥ5.5は、チェックできませんでした。どうしてもセンター表示に
させたいのですが 誰か教えてもらえないでしょうか
よろしくお願いします。
それと一番下のフッター部分に画像を入れているのですが？
画像の下の部分に変な余白が残るのは、何故なのでしょうか
全てのブラウザーべ確認済みなのですが・・・
どうしても余白を取りたいのですが教えてもらえないでしょうか？
よろしくお願いします。
-
1 名前： wh ： 2006/01/05 18:32
- IE5系はmargin:autoに対応していないので、どうしてもやりたければ
Transitional DTDを宣言して<div align="center">という
情けない方法でやるしかない。
-
2 名前： ja ： 2006/01/05 18:32
- CSSファイルのbodyに
text-align: center; を加えてみてください｡
これでIE5でうまくセンタリングできるかもしれません｡
また､
#footer img {vertical-align: bottom; }
ファイルに加えてみてください｡
を試してみてください｡
フッター下部の余白がなくなるかもしれません｡
上記でうまくいくと良いのですが､とりあえず試してみてください｡
また､
XHTML＋CSSについては次の書籍を参考にされると良いかもしれません｡
あくまで個人の好みもありますから､参考までに｡
毎日コミュニケーションズ
XHTML＋CSS スタンダード･デザインガイド
定価2,800円＋税
SE 翔泳社
スタイルシートによる
レイアウトデザイン見本帖
定価2,500円＋税
-
3 名前： wh ： 2006/01/05 18:32
- >>2
念のため補足すると、text-align:centerはインライン要素を中央寄せするもので
ブロック要素であるtable要素自体は中央寄せされないのが正しい。
この場合、text-alignは継承されるので、セル内のテキストがそれぞれ中央寄せされる。
実際、FirefoxやOpera，Safariでは正しくそうなる。
IE6の標準モードでは、table要素とセル内が中央寄せされる。
IE5やIE6の互換モード時は、table要素を中央寄せし、セル内を中央寄せしない。
したがってth, td {text-align:left}を追加するか、何らかの振り分け手段が必要。
なお、多くのブラウザでは、<div align="center">やそのショートカットであるcenter要素で
table要素を中央寄せしてくれる。
ただし、IE6の標準モードではセル内まで中央寄せされるので、td {text-align:left}しておかねばならない。
http://members.jcom.home.ne.jp/jintrick/Personal/css_miss_table.html
-
4 名前： you ： 2006/01/05 18:32 ［URL］
- みなさんありがとうございます。
<div align="center">を入れました。classにtext-align:leftを入れました。
フッターの下の余白は、消えました。
ありがとうございます。
一つ問題が発生したのですが リンクのロールオーバーがＩＥ5.0で
使えなくなりました。どうしてか分かりません。
良かったら教えてもらえないでしょうか？
よろしくお願いします。
-
5 名前： 匿名希望 ： 2006/01/05 18:32
- 新たな質問は新たなスレッドで。
