1298360026 スタイルシート(CSS)について、教えてください。


添付の画像のように、各要素を配置するには
どのようにすれば良いでしょうか?

ブラウザ間(IE, Firefox, Chrome)で
大きな誤差がでないような、設定を希望します。

どうぞよろしうお願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 13歳以上
  • 登録:2011/02/22 16:33:48
  • 終了:2011/03/01 16:35:02

ベストアンサー

id:web500 No.1

Web500回答回数60ベストアンサー獲得回数252011/02/22 17:34:58

ポイント60pt

こんな感じでいかがでしょうか?

画像をもとにbox-a,box-bを設定したので、幅ピクセルは調整し直してください。

マージンなどの設定も画像にあわせて目測です。

任意のものに置き換えてください。


<html>
<head>
<style tyle"text/css">
div#box-a {
    width: 500px;
    height: 500px;
    border: 1px solid;
    text-align: center;
}
div#box-b {
    width: 400px;
    height: 300px;
    border: 1px solid;
    margin: 30 auto;
}
img.image {
    display:block;
    margin: 30 auto;
    text-align: center;
}
p {
    width: 300px;
    height: 100px;
    border: 1px solid;
    margin: 10 auto;
   padding: 5;
    text-align: left;
}
</style>
</head>
<body>
<div id="box-a">
	<div id="box-b">
		<img class="image" src="hoge.jpg" width="300" height="50"/>
		<p>texttexttexttexttexttexttexttexttext
		texttexttexttexttexttexttext
		texttexttexttext
		texttexttexttext
		texttexttexttexttexttexttext
		texttexttexttexttexttexttexttexttex
		texttexttexttexttexttexttexttexttext</p>
	</div>
</div>
</body>
</html>

http://q.hatena.ne.jp/1298360026

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

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

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

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

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