<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>clear floatを使った段組</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
body {
background-color: #abc;
}
#container {
margin: 0 auto ;
width: 760px;
height: 550px;
background: #654;
}
#wrapper {
width: 760px;
margin: 0 auto;
text-align: left;
}
#header {
background-color: #dddddd;
height: 50px;
}
#primary {
float: left;
width: 100%;
background-color: #c7d5ed;
}
#secondary {
float:left; 0px;
height: 475px;
top: 0px;
width: 300px;
background-color: #f9cfba;
}
#footer [
background-color: #294959;
height: 400px;
margin-right; 400px;
width: 350px;
float: right
clear: both;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="header">header</div>
<div id="wrapper">
<div id="primary">primary</div>
<div id="secondary">secondary</div>
</div>
<div id="footer">footer<br /></div>
</div>
</body>
</html>