<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<title>test</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
ul{list-style-type: none;}
body {
background-color: #ccc;
}
#container{
background-color: #fff;
width: 800px;
height: auto;
padding: 10px;
}
#header{
background-color: #a3bed5;
height: 100px;
margin: 0 0 10px 0;
}
#content{
background-color: #dcd78a;
float: right;
height: 300px;
width:480px;
padding: 10px;
}
#sidebar{
background-color: #9cc56e;
float: left;
width: 290px;
height: 300px;
}
#sidebar li{
margin: 10px ;}
#footer{
background-color: #e0b9d2;
width: 800px;
height: 20px;
clear: both;
}
</style>
</head>
<body>
<div id ="container">
<div id ="header">header</div>
<div id="wrapper">
<div id ="content">content</div>
<div id ="sidebar">
<ul>
<li><img src="01.gif"></img></li>
<li><img src="01.gif"></img></li>
<li><img src="01.gif"></img></li>
</ul>
</div>
</div>
<div id ="footer">footer</div>
</div>
</body>
</html>