人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Webデザイン。スタイルシートで図のようなBOXレイアウトを組みたいのですが、
どのように書けば良いのでしょうか。

1359881144
●拡大する

●質問者: timestep
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● a-kuma3
●100ポイント ベストアンサー

いろいろと書きようがあると思うのですが、例えば、こんな感じ。

<html>
<style>
BODY {
 background-color: gray;
 text-align: center; /* IE 用 */
}
#container {
 background-color: white;
 margin: 120px auto;
 width: 80%;
 height: 800px; /* 高さは適当に */
 text-align: left; /* IE 用 */
}
</style>
<body>
<div id="container">
</div>
</body>
</html>

id="contaner" の margin: 120px が、縦方向の外側から白抜きのところまでの長さ。
width: 80% が、白抜きのエリアの幅。

基本的に、margin で、横方向の大きさを auto にすると中央にくるのですが、IE はきちんと表示できないので、その外側の要素で text-align: center を指定します。


timestepさんのコメント
うまくいきました
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ