大枠の上部と中枠のすき間をなくしたい



0   名前: ギンペイ : 2006/12/25(月) 12:54  ID:wYPAROMD
何度もお世話になっています。
皆様のおかげでCSS初心者の私も少しずつ理解が出来るようになってきました。
しかしこのような細かい(?)ことがよく分からなくなってくるのです。

大枠と中の[SIDE]エリアの上部のすき間をなくしたいのですが、どうもうまくいきません。
どなたかアドバイスをいただけますでしょうか。
宜しくお願い板します。


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<HTML lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE></TITLE>
<META http-equiv="Content-Style-Type" content="text/css">
</head>

<STYLE TYPE="text/css">
<!--

* { margin: 0; padding: 0; }

body {
background: #37393B;
padding:20px;
}

#main
{
width:255px;
height:200px;
margin: 0px 0px 0px 0px;
padding:0px;
border: solid 1px red;
}


.side
{
width:180px;
height:14px;
font-size:14px;
font-family:Arial;
color:#ffffff;
font-weight:900; letter-spacing:2px;
padding:0px;
margin: 0px 0px 0px 0px;
border: solid 1px red;

}


-->
</style>
<body>


<div id="main">
    <p class="side">■ SIDE RANGE</p>
</div>


</body>
</html>



1   名前: くいん : 2006/12/25(月) 12:54  ID:rbRHv8MX
<p>の前に全角スペース入ってませんか?
多分、それが原因な気がします。

2   名前: ギンペイ : 2006/12/25(月) 12:54  ID:wYPAROMD
くいん さん、
ありがとうございました、すっき解決しました、
う〜ん、このようなあまりにも基本的なことでつまずいているとは、、、。
少し神経質になって記述する必要がありますね。

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

一覧へ戻る