<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>css+div+xhtml模板( 兼容IE 5.5, IE 6, IE 7, Firefox 2.0, Opera 9.20, Safari )</title>
<meta name="description" content="designer:calent,e-mail:calent_zero@yahoo.com.cn" />
<style type="text/css">
*{padding:0; margin:0}
body{font-size:12px; text-align:center; font-family:arial, sans-serif}
a{color:#000; text-decoration:none}
p{line-height:1.6em}
#wrap{margin:0 auto; text-align:left; padding:0 5px}
#wrap{width:910px; voice-family:"\"}\""; voice-family:inherit; width:900px}
#wrap h1{font-size:14px; font-weight:normal; padding:5px; background:#f7f7f7}
#top{height:60px; line-height:60px; border:1px solid #ccc; border-bottom:none; text-align:center; background:#f7f7f7}
#nav{border:1px solid #ccc; height:25px; line-height:25px}
#nav ul{border-top:none; list-style:none; text-align:center}
#nav li{float:left; border-right:1px solid #ccc}
#nav a{padding:0 16px; display:block}
#nav a:hover{background:#f4f4f4}
#board{padding:10px 0}
#site-bar{float:right}
#notice{color:red}
#txt-ad{padding:6px; border:1px solid #ccc}
.space{height:10px; overflow:hidden}
#left{width:220px; float:left}
#right{width:670px; float:right}
#left h1,#right h1,#left ul,#right ul{border:1px solid #ccc}
#left ul,#right ul{border-top:none; margin-bottom:10px; padding-left:20px; list-style:square}
#left li,#right li{padding:3px 2px}
#search{border:1px solid #ccc; padding:6px 10px; background:#f9f9f9}
.hotwords{margin:5px 0}
.smenu{padding-top:6px; padding-bottom:10px}
.smenu a{padding:2px 13px 10px 13px}
.smenu a:hover,.smenu_on{background:url(smenu_a.jpg) no-repeat center top}
.hotwords{display:block}
.input{width:560px}
.hotwords{color:#F90}
#right-row1{float:left;width:330px}
#right-row2{float:right; width:330px}
#link{clear:both; margin-bottom:10px; height:24px; line-height:24px; border:1px solid #ccc;padding:3px 6px}
#link ul{list-style:none}
#link li{float:left; padding-right:20px}
#bottom{clear:left; border:1px solid #ccc; padding-left:6px; background:#f7f7f7}
</style>
</head>
<body>
<div id="wrap">
<div id="top">this is the top</div><!--end top-->
<div id="nav">
<ul>
<li><a href="#">first page</a></li>
<li><a href="#">second page</a></li>
<li><a href="#">third page</a></li>
<li><a href="#">fourth page</a></li>
<li><a href="#">fifth page</a></li>
<li><a href="#">sixth page</a></li>
<li><a href="#">last page</a></li>
</ul>
</div><!--end nav-->
<div id="board">
<div id="site-bar">☆ Add favorite ☆ Add homepage</div>
<div id="notice">★ notice: this is the notice of the site</div>
</div><!--end board-->
<div id="txt-ad">this is the adadvertisement of the site</div>
<div class="space"></div>
<div id="left">
<h1>column title one</h1>
<ul>
<li>the list of column title one</li>
<li>the list of column title one</li>
<li>the list of column title one</li>
<li>the list of column title one</li>
<li>the list of column title one</li>
<li>the list of column title one</li>
<li>the list of column title one</li>
</ul>
<h1>column title two</h1>
<ul>
<li>the list of column title two</li>
<li>the list of column title two</li>
<li>the list of column title two</li>
<li>the list of column title two</li>
<li>the list of column title two</li>
<li>the list of column title two</li>
<li>the list of column title two</li>
</ul>
<h1>column title three</h1>
<ul>
<li>the list of column title three</li>
<li>the list of column title three</li>
<li>the list of column title three</li>
<li>the list of column title three</li>
<li>the list of column title three</li>
<li>the list of column title three</li>
<li>the list of column title three</li>
</ul>
</div><!--end left-->
<div id="right">
<div id="search">
<div class="smenu"><a href="#" class="smenu_on">menu1</a> <a href="#">menu2</a> <a href="#">menu3</a></div>
<input name="skey" class="input" type="text" id="skey" /><input name="submit" type="button" id="submit" value="Search" />
<span class="hotwords">hot keywords: free software money site sina sohu</span>
</div>
<div class="space"></div>
<div id="right-row1">
<h1>right-row1 title one</h1>
<ul>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
</ul>
<h1>right-row1 title two</h1>
<ul>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
<li>the list of right-row1 title</li>
</ul>
</div><!--end right-row1-->
<div id="right-row2">
<h1>right-row2 title one</h1>
<ul>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
</ul>
<h1>right-row2 title two</h1>
<ul>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
<li>the list of right-row2 title</li>
</ul>
</div><!--end right-row2-->
</div><!--end right-->
<div id="link">
<ul>
<li>your link</li>
<li>your link</li>
<li>your link</li>
<li>your link</li>
<li>your link</li>
</ul>
</div>
<div id="bottom">
<p>© 2008 cilin.net All Rights Reserved Design by calent
</p>
</div><!--end bottom-->
</div><!--end wrap-->
</body>
</html>
通用首页CSS+DIV布局模板.rar （2个子文件） 
smenu_a.jpg 524B
home_page.html 6KB
「已注销」
- 粉丝: 2
- 资源: 11
- 1
- 2
前往页