- ベストアンサー
ＤＩＶのセンタリング
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> <html> <head> <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=SHIFT_JIS"> <title>DIVのセンタリング</title> </head> <body style="margin:0"> <div style="background-color:LightCyan;width:300px;height:400px;margin:auto"></div> </body> </html>
その他の回答 (1)
- himajin100000
- ベストアンサー率54% (1660/3060)
ブロックレベル要素をセンタリングする方法-Web標準普及プロジェクト http://www.mozilla.gr.jp/standards/webtips0004.html
お礼
ご回答ありがとう御座いました。 ものすごい勉強になりました。 助かりました！！
関連するQ&A
- td要素内のdiv要素をセンタリングしたい
いつもお世話になっております。 HTMLのセンタリングで困っております。 どなたか教えていただけないでしょうか。 HTML <table> <tr> <td> <div><a href="#"></div> </td> </tr> </table> 上記のdivをtd内でセンタリングさせたいです。 どうかよろしくお願いいたします。
- ベストアンサー
- HTML
- FireFox2.0でCSSを使ってテーブルそのものをセンタリングしたい
IE６だと #wrapper { text-align: center; } <div id="wrapper"> <TABLE border="1"> <tr><td>テキスト</td></tr> </table> </div> とやればテーブルそのものがセンタリングされるのですが、 FireFox2.0だと左に寄ったままです。 CSSを使わずに<center>で囲めばセンタリングされますが、 そうではなくてCSSを使ってやるやり方はないでしょうか？
- ベストアンサー
- HTML
- IEでＤＩＶ要素のセンタリングができません
こんにちは。 div要素に、 width:730ｐｘ margin:0 auto; を設定しても、 センタリングされません・・・ （文字列が入っています） ＵＲＬを張ります。 http://make-template.bbs.fc2.com/ 今、テンプレートを作ろうとしているのですが、ＩＥ9.0ではセンタリングできません… ファイやフォックス、グーぐるクロームではちゃんとセンタリングできているのに… きっとほかにも必要な情報はあると思いますが、 お礼や補足にて細くさせたいただきたいと思います。 回答をお待ちしております。
- ベストアンサー
- HTML
- ＩＥでCSSを用いてテーブルをセンタリングしたい。
という質問内容なのですが・・・ 条件は、 Windows 3.1/NT3.51 IE4～IE5 Win32 IE4～IE5.0x でCSSだけを用いてセンタリングしたいのですが どうしてもうまくいかないのです・・・ IE用では <DIV style="text-align: center"> CSS準拠では <TABLE style="margin-left: auto; margin-left: right"> があります・・・ 上記は、IE5.5、IE6、ネスケ６、７、もじら、Opera６，７で 確認してます。 CSSのみの利用なので、<CENTER>、<DIV align="center">は使わない方法で 知ってる方はいらっしゃいませんか？
- 締切済み
- HTML
- HTML？スタイルシートの表センタリングについて
以下のSampleでやってみましたが、うまくセンタリング できません。 表をPageの真ん中に置いて かつ、表の中のセル内、文字列は左によせるには どうしたらよいのでしょうか？ またこのような作業、確認は皆さんどうやって書いているのですか？ ホームページビルダーでしょうか？ 常に表には苦労しています、今までは<CENTER>を使っていました。キレイなHTMLを勉強しようとしているのですが 非常に難しいですね。よい方法ないでしょうか？ スタイルシート部分： <style type="text/css"> div.ctable { text-align: center; /* IEでセンタリングさせる方法 */ } div.ctable table { margin: auto; /* 標準のセンタリング方法 */ text-align: left; /* IE用方法の弊害対策用 */ } </style> HTML部分： <div class="ctable"> <table> <tr><th>スタイルシート</th><th>センタリング</th></tr> <tr><td>CSS</td><td>Centering</td></tr> </table> </div>
- 締切済み
- その他([技術者向] コンピューター)
- CSSのセンタリングが、「div」で何故か出来ない
下記のアドレスのホームページについてです。 http://sky.geocities.jp/thanksv0358/index.html# HTMLで、 <body> <div id="main"> ～ </div> </body> とし、CSSで #main{ text-align:center; margin-left:auto; margin-right:auto; text-align:left; } としたにもかかわらず、何故かセンタリングができません。 今回、最初の<!DOCTYPE～の部分から全部、自分で書いてみました。 詳しい方がいましたら、よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- センタリングしたページの印刷
センタリングをしたページを作成していますが、印刷をする際(用紙方向縦)には左寄せで印刷できるようにしたいと思っています。 例としては、e-bankさんのトップページを考えています。e-bankさんのトップページを印刷プレビューしていただくとお分かりいただけるかと思いますが、ブラウザで表示される際はページ全体がセンタリングされていて、印刷する際はセンタリングが解除されて(??)、ページ全体が切れることなく印刷されます。 http://www.ebank.co.jp/ ただ、私が作成したhtmlファイルですと、印刷(プレビュー)した際も、センタリングされたままの状態で、左に余白がありページ(横幅700pix)が途中で切れてしまいます。 hemlファイルには、 ～前略～ <body> <center> <table width="700" border="0" cellpadding="2"> <tr> <td bgcolor="#993300">あ</td> <td bgcolor="#993300">い</td> </tr> </table> </center> </body> ～後略～ もしくは、 ～前略～ <body> <div align="center"> <table width="700" border="0" cellpadding="2"> <tr> <td bgcolor="#993300">あ</td> <td bgcolor="#993300">い</td> </tr> </table> </div> </body> ～後略～ と記述してセンタリングしましたが、どちらも印刷の際もセンタリングされたままでした。 どうしたらe-bankさんのトップページのように、左に余白が入らずページ全体が印刷されるようになるでしょうか…。ご存知の方がいらっしゃいましたら、宜しくお願いします。
- ベストアンサー
- HTML
- chromeでのみセンタリングされない
いつもお世話になっております。 よろしくお願いいたします。 HPの本文要素を含めているdivのセンタリングを実行するために、marginをautoにすることで 対応しているのですが、chromeでのみ反映されなくて困っています。 開発ツールで確認すると、トップに配置してあるプルダウンメニューを隠すために 入れてあるoverflowを無効にすることで、なぜかセンタリングされます。 すべてのページが同じ挙動を取るわけでもなく、 ページによっては読み込み後、一瞬間をおいてからセンタリングされます。 この挙動の原因をご存知の方、ヒントをお持ちの方、 ぜひご教示頂ければと存じます。 何卒よろしくお願いいたします。
- 締切済み
- CSS
- Firefoxだと無効なのかなあ…
自分で作ったページなんですが、スタイルシートで、 div{text-align:center;} と指定してからdivタグでセンタリングしたいところをはさんでいます。 IEで見てみると文章も画像もテーブルもきれいに全部センタリングされてるのですが、Firefoxで見てみるとテーブルだけ左に寄ってしまいます。 やっぱりきちんと <table align="center"> って指定しておかないとだめでしょうか？
- ベストアンサー
- ブラウザ
お礼
ご回答ありがとう御座いました。 そのままソースを使わせて頂いて修正出来ました！！ 本当に助かりました。 ありがとうございました！！