大枠の上部と中枠のすき間をなくしたい
-
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
- くいん さん、
ありがとうございました、すっき解決しました、
う〜ん、このようなあまりにも基本的なことでつまずいているとは、、、。
少し神経質になって記述する必要がありますね。
どうもありがとうございました。