ベストアンサー

http://www.jqa.jp/index.html

2010/02/24 20:05

http://www.jqa.jp/index.html のようにブラウザの横幅を変更しても内容が左右真中に表示されていますがこのようにするには、どのようにすればよいのでしょうか？よろしくお願いいたします。

noname#244833

HTML
回答数2
ありがとう数4

みんなの回答 （2）
専門家の回答

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

ベストアンサー

ORUKA1951
ベストアンサー率45% (5062/11036)

2010/02/26 15:39 回答No.2

このような感じですか最大800px,最小500px内で、ウィンドウ幅の60%で中央に表示される。とりあえずサンプル・・ Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) W3C CSS 検証サービス ( http://jigsaw.w3.org/css-validator/#validate_by_input ) で(HTML4.01Strict)検証済み <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> <title>サンプル</title> <meta http-equiv="Content-Style-Type" content="text/css"> <link rev="made" href="mailto:hoge@hoge.com" title="send a mail" > <link rel="START" href="../index.html"> <style type="text/css">  </style> </head> <body> <div> <h1>サンプル</h1> <p>http://www.jqa.jp/index.htmlのようにブラウザの横幅を変更しても、内容が左右真中に表示されていますがこのようにするには、どのようにすればよいのでしょうか？</p> <p>よろしくお願いいたします。</p> <div> <p>こんな感じですかね。</p> </div> </div> </body> </html>

質問者

お礼 2010/02/28 06:24

お二方ともご回答をありがとうございました！どちらをベストアンサーにするか迷ったのですが、 W3C CSS 検証サービスのURLを張ってくださった ORUKA1951さんにさせて頂きます。 naokitaさん,ORUKA1951さん本当にありがとうございました！

ログインすると、全ての回答が全文表示されます。

その他の回答 (1)

naokita
ベストアンサー率57% (1008/1745)

2010/02/24 22:18 回答No.1

数質問前にも似たような質問が・・・。　似たような回答をしますが、 ------------------------------------------------------- <body style="text-align: center;"> <div style="margin-left: auto; margin-right: auto;"> ここにコンテンツ </div> </body> 　　　　　　　||　　　　枠も文字も真ん中　　　　|| ------------------------------------------------------- <body style="text-align: center;"> <div style="margin-left: auto; margin-right: auto; text-align: left;"> ここにコンテンツ </div> </body> 　　　　　　　|| 枠が真ん中　文字は左　　　　　　|| 　

ログインすると、全ての回答が全文表示されます。