• ベストアンサー

センタリング表示

イラストレータでデザインし、スライスしてCSSでWeb用に保存。 ホームページビルダー11で編集していますが、センタリング表示が出来ません。 下記のようなタグを入れましたがNGでした。 <body> <div align=”center”> ・・・ ・・・ ・・・ </div> </body> 次のタグでも同様でした。 <body> <center> ・・・ ・・・ </center> </body> なるべくテーブルにはしたくないので、解決策をご指導下さい。

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

  • ベストアンサー
  • yosoho
  • ベストアンサー率59% (19/32)
回答No.4

<style type="text/css"> <!-- #toppage-01 { position: relative; left: auto; right: auto; width:245px; height:16px; } body { text-align: center; } --> </style> </head> <body> <div id="#toppage-01 "><img src="xxxxx.gif" width="245" height="16" /></div> </body> で、どうでしょうか?

takkuni
質問者

お礼

お礼が年を越してしまい申し訳ありません。結局テーブルで処理しましたが、この方法は次の機会に試してみようと思います。

その他の回答 (3)

  • sitota
  • ベストアンサー率59% (26/44)
回答No.3

なにをcenterにそろえたいのかによると思うのですが このようなCSSではいかがでしょうか? div{ margin-right: auto; margin-left: auto; text-align: center; } これでdiv内はcenterになるかも。

  • yosoho
  • ベストアンサー率59% (19/32)
回答No.2

<body>へのCSSではどうですか? <style type="text/css"> <!-- body { text-align: center; } --> </style>

takkuni
質問者

補足

申し訳ありません。いずれもNGでした。 ところで、次のようにイラレのスライス部分のタグがそれぞれ1~16迄入っているのですが、これと関係があるのでしょうか。 cssは勉強を始めたばかりで、良くわかりません。ご意見をお聞かせ下さい。 <STYLE type="text/css"> <!-- ImageReady Styles (top.ai) -->#toppage-01 { position:absolute; left:0px; top:0px; width:245px; height:16px; }

  • asianote
  • ベストアンサー率40% (2/5)
回答No.1

別のCSSなどで、強制的に左寄せになってはいませんか? 一度、ページの<head>~</head>をすべて削除して、問題の切り分けを行ってはいかがでしょうか?

関連するQ&A