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

【CSS】子DIVのmarginにも背景を敷きたいです。

この場合、どうすれば「こうしたい」のようになるのでしょうか?

HTMLソース:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
</head>
<body>

<div class="wrap" style="background:yellow;">
<div class="text" style="margin:10px;">
margin部分の背景が無い
</div>
</div>

<table style="width:100%;">
<tr>
<td style="background:yellow; padding:10px;">こうしたい</td>
</tr>
</table>

</body>
</html>


1244172407
●拡大する


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

▽最新の回答へ

1 ● nyankochan
●27ポイント ベストアンサー

style="margin:10px;"

style="padding:10px;"


じゃないと、ブラウザによっては歯抜けのような隙間が出来ます。

◎質問者からの返答

ありがとうございます。

IEのバグとやらでpaddingを使うと他の問題が発生する...

というような話を聞いたのですが...


2 ● natsucat
●26ポイント

paddingでやったらだめなの?

◎質問者からの返答

よさそうですね。


3 ● kmyr
●27ポイント

今日は。

div class="text" style="margin:10px;"

div class="text" style="padding:10px;"

でいけます。

◎質問者からの返答

情報源は忘れてしまいましたが、

「トラブル回避の法則として、Paddingは使わない、子のMarginで調整する」

というような話を聞いていた記憶がありましたが、皆さんのご回答が同じなので、

「Padding使わない」という話がガセネタだったようですね。

ありがとうございました。

関連質問


●質問をもっと探す●



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