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

【CSS】floatで段組を作る方法は?

<html>
<head>
</head>
<body>

<div style="background:Yellow; float:left; width:8em;">
Yellow
</div>

<div style="border:1px solid;">
この枠がYellowの下にも入り込んでしまう
</div>

<div style="clear:both;">
</div>

<br />
table
<table width="100%">
<tr>
<td style="background:Yellow; width:8em;">
Yellow
</td>
<td style="border:1px solid;">
こうしたいです
</td>
</tr>
</table>

</body>
</html>

1245729802
●拡大する

●質問者: nannde
●カテゴリ:ウェブ制作
✍キーワード:CSS YELLOW
○ 状態 :終了
└ 回答数 : 2/4件

▽最新の回答へ

1 ● pahoo
●0ポイント

margin と padding を適用してはどうでしょうか。

下記参照。

<div style="background:Yellow; float:left; width:8em; margin:1px;">
Yellow
</div>

<div style="border:1px solid; padding:1px;">
この枠がYellowの下にも入り込んでしまう
</div>
◎質問者からの返答

だめでした。


2 ● さとえ
●70ポイント ベストアンサー

これで どうでしょうか?

IE6とFirefox2では確認済みです。


<div style="border:1px solid;display:table;_width:100%;">
 この枠がYellowの下にも入り込んでしまう
</div>
◎質問者からの返答

ありがとうございます。

Firefox3では成功しました。

しかし、私のIE6ではダメでした。

関連質問


●質問をもっと探す●



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