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

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

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

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

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


1298360026
●拡大する

●質問者: supermaster
●カテゴリ:ウェブ制作
✍キーワード:chrome CSS firefox IE スタイルシート
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Web500
●60ポイント ベストアンサー

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

画像をもとに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

関連質問


●質問をもっと探す●



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