ベストアンサー

ページを中央によせる。

2008/02/26 06:12

下のページのレイアウトでページを中央に表示するにはどうしたらいいですか？ http://www.1uphp.com/con2/layout/pagelayout1.html

osiete_kun
お礼率6% (30/471)

HTML
回答数3
ありがとう数1

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

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

ベストアンサー

grumpy_the_dwarf
ベストアンサー率48% (1628/3337)

2008/02/26 08:30 回答No.3

よくある手口は、全体をwrapperとかcontainerなんてdiv要素で包んで、そいつをbodyの(つまりブラウザウィンドウの)中央に配置する方法です。ブロック要素の中央配置は、左右のマージンをautoにすることで可能です。 <body> <div id="wapper"> 　<div id="top"></div> 　<div id="left"></div> 　<div id="right"></div> </div> </body> #wapper { width: 600px; margin-left: auto; margin-right: auto; } 以下略

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

その他の回答 (2)

nitto3
ベストアンサー率21% (2656/12205)

2008/02/26 07:26 回答No.2

<BODY>の次に <CENTER>を入れればいい。

質問者

補足 2008/02/26 07:46

各範囲で文字が中央寄せになるのでだめです

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

pasocom
ベストアンサー率41% (3584/8637)

2008/02/26 07:04 回答No.1

ページ中央付近にある記述＞#left { width:200px; height:600px; float:left; } の「 float:left;」を「 float:center;」とすればよいのでは・・。

質問者

お礼 2008/02/26 07:53

ちなみに今のソースを //------------ layout.html ここから---------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <link rel="stylesheet" href="layout.css" type="text/css"> <title>ここにタイトルを挿入</title> </head> <body> <div id="top"> <img style="width: 297px; height: 55px;" alt="人生" src="logo1.gif"> </div> <div id="left"> <p>左に文章を挿入</p> </div> <div id="right"> <p>右に文章を挿入</p> </div> </body> </html> //------------ layout.html ここまで---------------- //------------ layout.css ここから---------------- #top { width:600px; height:60px; } #left { width:150px; height:600px; float:left; } #right { width:450px; height:600px; float:left; } //------------ layout.css ここまで----------------

質問者