- ベストアンサー
DIVのセンタリング
BLUEPIXYの回答
<!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>
関連するQ&A
- td要素内のdiv要素をセンタリングしたい
いつもお世話になっております。 HTMLのセンタリングで困っております。 どなたか教えていただけないでしょうか。 HTML <table> <tr> <td> <div><a href="#"></div> </td> </tr> </table> 上記のdivをtd内でセンタリングさせたいです。 どうかよろしくお願いいたします。
- ベストアンサー
- HTML
- FireFox2.0でCSSを使ってテーブルそのものをセンタリングしたい
IE6だと #wrapper { text-align: center; } <div id="wrapper"> <TABLE border="1"> <tr><td>テキスト</td></tr> </table> </div> とやればテーブルそのものがセンタリングされるのですが、 FireFox2.0だと左に寄ったままです。 CSSを使わずに<center>で囲めばセンタリングされますが、 そうではなくてCSSを使ってやるやり方はないでしょうか?
- ベストアンサー
- HTML
- IEでDIV要素のセンタリングができません
こんにちは。 div要素に、 width:730px margin:0 auto; を設定しても、 センタリングされません・・・ (文字列が入っています) URLを張ります。 http://make-template.bbs.fc2.com/ 今、テンプレートを作ろうとしているのですが、IE9.0ではセンタリングできません… ファイやフォックス、グーぐるクロームではちゃんとセンタリングできているのに… きっとほかにも必要な情報はあると思いますが、 お礼や補足にて細くさせたいただきたいと思います。 回答をお待ちしております。
- ベストアンサー
- HTML
- IEで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、ネスケ6、7、もじら、Opera6,7で 確認してます。 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"> って指定しておかないとだめでしょうか?
- ベストアンサー
- ブラウザ
お礼
ご回答ありがとう御座いました。 そのままソースを使わせて頂いて修正出来ました!! 本当に助かりました。 ありがとうございました!!