<title>div+css page Layouts </title>
<meta http-equiv= "Content-type" content= "text/html" >
<link rel= "stylesheet" type= "Text/css" href= "Css/layout.css"/>
<body>
<div id= "Container" >
<div id= "Head" >
<div id= "logo" >
</div>
<div id= "banner" >
</div>
<div id= "Tool" >
</div>
<div class= "NAV" >
</div>
<div id= "Menu" >
<ul>
<li><a href= "#" > Company Profile </a></li>
<li class= "Tiao" ></li>
<li><a href= "#" > Corporate Culture </a></li>
<li class= "Tiao" ></li>
<li><a href= "#" > Product introduction </a></li>
<li class= "Tiao" ></li>
<li><a href= "#" > Jobs </a></li>
<li class= "Tiao" ></li>
<li><a href= "#" > Contact Us </a></li>
</ul>
</div>
</div>
<div class= "NAV" ></div> <!--split Bar--
<div id= "Main" >
<div class= "Leftbox" >
<div class= "Left" >
<div class= "title" >
<div class= "Content" >
<ul>
<li><a href= "#" > Point me into </a></li>
<li><a href= "#" > Point me into </a></li>
<li><a href= "#" > Point me into </a></li>
<li><a href= "#" > Point me into </a></li>
<li><a href= "#" > Point me into </a></li>
<li><a href= "#" > Point me into </a></li>
<li><a href= "#" > Point me into </a></li>
<li><a href= "#" > Point me into </a></li>
<li><a href= "#" > Point me into </a></li>
</ul>
</div>
</div>
<div class= "Right" >
</div>
<div class= "NAV" ></div>
<div class= "Left" >
</div>
<div class= "Right" >
</div>
</div>
<div class= "Rightbox" >
</div>
</div>
<div class= "NAV" ></div> <!--split Bar--
<div id= "Foot" >
</div>
</div>
</body>
Div+css Page Layout-html code