cssについて質問なのですが・・・。
２カラムのサイトを作ろうとしていて、どうしてもできないことがあります・・・。
自分のｆｃ２ブログのソースなんかを見て考えているのですが・・・。 http://www.geocities.jp/urusion3141/index.html
上記のサイトで、「side」で設定したパディングの影響を受けさせずに「bou」を配置したいのです。入れ子にして無理やり配置してる感じなんです・・・。
cssの内容が
.back{width: 1050px; margin: 0 auto; border: 1px solid #000000; min-height: 1200px;}
.head {width: 1030px; height: 200px; background-color:#FFFF00; padding:10px; margin: 0 auto;}
.side{width:200px; min-height: 800px; border: 1px solid #000000; margin: 8px; padding: 8px; float:left;}
.main{background-color:#FF0000; float:left; width:780px; border-style: none; border-color: red; margin: 0 auto; min-height: 800px; border: 1px solid #000000; margin: 8px; padding: 8px;}
.satan{width: 1030px; height: 100px; background-color:black; padding:10px; margin: 0 auto;}
.bou{background-color:black; width:220px; float:left; height: 20px; padding: 1px; margin-bottom: 15px;}
h5{background-color:black; color:white; margin: 0 auto;}
ｈｔｍｌの内容が
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="sample.css">
</head>
<body>
<div class="back">
<div class="head">aaaaaaaaaaaaa</div>
<div class="satan">aaaaaaaaaaaaa</div>
<div class="side"><div class="bou"></div>ここがsideの部分です・・・。上の黒い棒状のやつだけを「side」のパディングの影響を受けさせずに配置したいのです。しかしどうやってもできないのです。。<br />今はsideの中にbouを入れ子状にしてある状態です・・・。アドバイスお願いします・・・。</div>
<div class="main">ああああああああああああ
</div>
</div>
</body>
</html>
です・・・。毎回、やったことない事やってみるとすぐ疑問が増えてそこからずっと進めなくなります 初心者ですがアドバイスお願いします・・・。
