<!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>11-24</title>
<link href="11-24.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!--top -->
<div id="top">
<div id="top-1">
<a href="#"><img src="img/top/firefox-logo.gif" alt="FireFox" title="FireFox"/></a>
<p><a href="#"><span>11月24日 周二</span> <span><strong>北京</strong></span> <span>小雪-2℃-8℃</span> <span>星座运势<img src= "img/top/xiala.gif" /></span> </a></p>
<ul>
<li><a href="#">意见反馈</a></li>
<li><a href="#">返回旧版</a></li>
<li><a href="#">换肤<img src="img/top/xiala.gif" /></a></li>
<li><a href="#">设置<img src="img/top/xiala.gif" /></a></li>
<li><a href="#">访问记录<img src="img/top/xiala.gif" /></a></li>
<li><a href="#">登录</a></li>
</ul>
</div>
</div>
<!--all-->
<div id="all">
<!--header-->
<div id="header">
<img src="img/all/baidu-logo.gif" />
<ul class="ul1">
<li><a href="#">网页</a></li>
<li><a href="#">新闻</a></li>
<li><a href="#">地图</a></li>
<li><a href="#">视频</a></li>
<li><a href="#">图片</a></li>
<li><a href="#">音乐</a></li>
<li><a href="#">购物</a></li>
<li><a href="#">知道</a></li>
</ul>
<div class="input">
<input type="text" /><input type="button" />
</div>
<ul class="ul2">
<li><a href="#">胡歌回应霍建华</a></li>
<li><a href="#">火锅内捞出电池</a></li>
<li><a href="#">刘德华爱女享特权</a></li>
<li><a href="#">海清拒代言日产品</a></li>
<li><a href="#">换一换</a></li>
</ul>
<ul class="ul3">
<li><a href="#">笑话:</a><a href="#">别跑啊姑娘!</a></li>
<li><a href="#">邮箱登陆</a></li>
</ul>
<div id="pic">
<img src="img/all/pic-1.gif" id="pic-1"/>
<img src="img/all/pic-2.gif" id="pic-2"/> </div>
</div>
<!--header结束-->
<div id="contain"></div> <!--contain -->
<div id="footer"></div> <!-- footer-->
</div>
<div id="bottom"></div>
</body>
</html>
css:
body{ background-color:#ecf0f1;}
body,p,ul{ margin:0;}
ul{ list-style:none;}
img{border:none;}
/*top*/
#top{ height:30px;background:#2c6787;margin-bottom:10px;font-size:12px; line-height:30px; font-family:"新宋体"; }
#top-1{ margin:0 auto; width:1020px;}
#top-1 img[alt*="FireFox"]{float:left;}
#top-1 p{float:left; margin-left:24px;}
#top-1 p a{ color:#edecf2;text-decoration:none;}
#top-1 span{ margin-right:14px;}
#top-1 span img{ margin-left:10px;}
#top-1 ul{float:right;}
#top-1 li{ float:left; margin-right:20px;}
#top-1 li a{ color:#ffffff; text-decoration:none;}
#top-1 li img{ margin-left:8px;}
#top a:hover{ color:#ff9500;}
/* all*/
#all{ margin:0 auto; width:1020px;height:1500px;}
#header{ height:190px;position:relative; background-color:#00CCFF;}
#header img{position:absolute; left:156px; top:24px; height:38px;}
#header ul{ padding:0;}
.ul1 li,.ul2 li{ float:left;}
.ul1{position:absolute; left:326px; top:8px;font-size:13px; }
.ul1 li{margin-right:20px;}
.ul1 li:first-child a{ color:#e54724; font-weight:bold;}
.ul1 li:first-child a:hover{ color:#ff9500;}
.ul1 a{ color:#5b6475; text-decoration:none;}
.ul1 a:hover{ color:#ff9500;}
.input{position:absolute;left:306px;top:30px;}
.input input[type*="text"]{ width:452px; height:44px; font-size:20px;border:1px solid #e54724;}
.input input[type*="button"]{ width:54px; height:48px; position:relative;left:-1px; top:-3px; background:url(img/all/search-logo.gif)100% 100% no-repeat;border:1px solid #e54724;}
.ul2{ position:absolute;left:306px;top:84px; font-size:12px; width:522px; background-color:#FFFF66;}
.ul2 li{ margin-right:16px; }
#header .ul2 li:last-child{ float:right;}
#header .ul2 li:last-child a{color:#ff9500;}
#header .ul2 li:last-child a:hover{ text-decoration:none;}
.ul2 a{ color:#809ba9; text-decoration:none;}
.ul2 a:hover{ text-decoration:underline; color:#ff9500;}
.ul3{ float:right; font-size:12px; margin-top:36px;margin-right:50px;}
.ul3 a{ color:#777779; text-decoration:none;}
.ul3 a:hover{ color:#ff9500;}
#pic{ position:relative;top:110px; width:1020px; height:60px; background-color:#00FF99;}
#pic-1{}
#pic-2{}
#header{}
#contain{}
#footer{}
#bottom{ height:156px; background-color:#9966CC;}
这是在火狐下的效果,其他浏览器不知道什么样子,,,,,
qq_一一不服来战
echo_kinchao