1359881144 Webデザイン。スタイルシートで図のようなBOXレイアウトを組みたいのですが、

どのように書けば良いのでしょうか。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/02/03 17:45:44
  • 終了:2013/02/03 19:24:22

ベストアンサー

id:a-kuma3 No.1

a-kuma3回答回数4487ベストアンサー獲得回数18562013/02/03 18:17:45

ポイント100pt

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

<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 を指定します。

id:timestep

うまくいきました

2013/02/03 19:24:05

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません