【確認テスト】 - Today & Tomorrow...

【確認テスト】

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>確認テスト</title>
<link rel="stylesheet" href="test2.css" type="text/css">
</head>

<body>
<div id="container">
<div id="header">header</div>
<div id="nav">
<ul>
<li><a href="#" class="last">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#" >5</a></li>
</ul>
</div>
<div id="wrapper">
<div id="sidebar">sidebar</div>
<div id="content">content</div>
</div>
<div id="footer">
footer</div>

</div>


</body>
</html>

@charset "utf-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
	}
	
#container{
	background-color: #FF0;
	width: 800px;
	height: 600px;
	margin:0 auto;
	}
	
#header{
	background-color: #0FF;
	height: 120px;
		}
	

		
#nav ul {
	background-color: #888;
	list-style-type: none;
	height: 60px;
	}
	
#nav li{
		float: left;
		
		
	
	
	} 

#nav li a{
    display: block;
		text-decoration: none;
		width: 159px;
		line-height: 60px;
		border-left :solid #000 1px;
		text-align: center;
		}	 
#nav li .last{
	width: 160px;
	border-left: none;
	}		
	
#nav li a: visited {
	background-color: #3FF;
	}	

#nav li a: hover {
	
	background-color:#00CC00;
	}	
	
#wrapper{
	overflow: auto;
	
	}
	
#sidebar {
	background-color: #090;
	width: 200px;
	height: 440px;
	float :left;
	
	}	
	
#content{
	background-color: #C00;
	width: 600px;
	height: 440px;
	float: right;
	
	
	}
	
#footer{
	background-color: #03C;
	height: 60px;
	clear: both;
	
	
	}