- ベストアンサー
ページを中央によせる。
下のページのレイアウトでページを中央に表示するにはどうしたらいいですか？ http://www.1uphp.com/con2/layout/pagelayout1.html
- osiete_kun
- お礼率6% (30/471)
- HTML
- 回答数3
- ありがとう数1
- みんなの回答 （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)
<BODY>の次に <CENTER>を入れればいい。
- pasocom
- ベストアンサー率41% (3584/8637)
ページ中央付近にある記述 ＞#left { width:200px; height:600px; float:left; } の「 float:left;」を「 float:center;」とすればよいのでは・・。
お礼
ちなみに今のソースを //------------ 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 ここまで----------------
補足
だめでした。
補足
各範囲で文字が中央寄せになるのでだめです