CSSレイアウトで作ったサイドバーの下に隙間ができてしまいます。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>無題ドキュメント</title>
<style type="text/css">
<!--
body {
margin: 0px;
background-color: #FFFFFF;
}
#base {
width: 780px;
}
#base p {
margin: 0px;
}
#headder {
background-color: #FF6600;
height: 100px;
width: 780px;
}
#main {
background-color: #00FF00;
width: 680px;
float: left;
}
#side {
background-color: #FFFF00;
width: 100px;
float: left;
}
#footer {
background-color: #00FFFF;
clear: both;
height: 100px;
width: 780px;
}
-->
</style>
</head>
<body>
<div id="base">
<div id="headder">
<p>ヘッダー</p>
</div>
<div id="main">
<p>メイン</p>
<p>文章</p>
<p>文章</p>
<p>文章</p>
<p>文章</p>
</div>
<div id="side">
<p>メニュー</p>
<p>メニュー</p>
<p>メニュー</p>
</div>
<div id="footer">
<p>フッター</p>
</div>
</div>
</body>
</html>
お礼
回答ありがとうございます。