|
IE6浮动不紧密的问题
这段代码在FF2 IE7都正常 不知道怎么在IE6里就靠的不严实呢
大虾们有空帮瞧两眼哦,小弟谢谢先了
<!DOCTYPE <span href="tag.php?name=html" onclick="tagshow(event)" class="t_tag">html</span> PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><br />
<title>蓝色理想</title><br />
<style><!--<br />
/* CSS Document */<br />
/*全局属性*/<br />
<br />
*{ margin:0; padding:0;}<br />
html,body{ text-align:center; background:#64617E; font: 12px "宋体",arial,sans-serif;}<br />
ul,ol,dl{ list-style-type:none;}<br />
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}<br />
img{ border:0;}<br />
<br />
/* <span href="tag.php?name=%C1%B4%BD%D3" onclick="tagshow(event)" class="t_tag">链接</span>颜色 */<br />
a:link {color: #1f3a87; text-decoration:none;}<br />
a:visited {color: #83006f;text-decoration:none;}<br />
a:hover {color: #bc2931; text-decoration:underline;}<br />
a:active {color: #bc2931;}<br />
<br />
<br />
/*外套*/<br />
.wrap{ width:778px; margin:0 auto;}<br />
.container{ float:left; background:#FFFFFF; width:766px; padding:6px;}<br />
<br />
/*logo mainnav subnav*/<br />
#logo{ float:left; padding:10px 25px 0px 10px;}<br />
<br />
#mainnav{ float:left; width:640px; padding-bottom:6px; border-bottom:solid #0000FF 12px;}<br />
#mainnav li{ float:left; margin-right:6px; padding:6px 7px 6px 6px; background: #0099CC; color:#FFFFFF;}<br />
<br />
#subnav{ float:left; width:100%; margin-top:6px; background: #9999CC;}<br />
#subnav li{ float:left; margin-right:3px; height:26px; line-height:26px; background: #9999CC;}<br />
<br />
<br />
<br />
/*2列那块*/<br />
#leftside{ float:left; width:227px; height:237px; background:#3399CC; margin:6px 6px 0px 0px;}<br />
<br />
#rightside{float:left; width:533px; height:237px; background:#996666; margin:6px 0px 0px 0px;}<br />
<br />
/*100%宽AD栏1*/<br />
#ad766_1{ float:left; width:100%; height:26px; background:#663333; margin:6px 0px 0px 0px ;}<br />
#ad766_1b{float:left; width:100%; height:60px; background: #99CC66; margin:6px 0px 0px 0px ;}<br />
<br />
/*3列栏1*/<br />
<br />
#left_1{ float:left; width:227px; height:210px; background:#9933FF; margin:6px 6px 0px 0px;}<br />
#middle_1{ float:left; width:264px; height:210px; background: #FF6666; margin:6px 5px 0px 0px;}<br />
#right_1{ float:left; width:264px; height:210px; background:#9933FF; margin:6px 0px 0px 0px;}<br />
<br />
/*图片展示栏*/<br />
#imgshow{ float:left; width:100%; height:100px; padding:6px 0px; border-top:#FF99CC solid 10px;border-bottom:#FF99CC solid 10px; margin:6px 0px 0px;}<br />
<br />
<br />
/*3列栏2*/<br />
#left_2{ float:left; width:227px; height:210px; background:#9933FF; margin:6px 6px 0px 0px;}<br />
#middle_2{ float:left; width:264px; height:210px; background: #FF6666; margin:6px 5px 0px 0px;}<br />
#right_2{ float:left; width:264px; height:210px; background:#9933FF; margin:6px 0px 0px 0px;}<br />
<br />
/*100%宽AD栏2*/<br />
#ad766_2{ float:left; width:100%; height:50px; background: #333300; margin:6px 0px 0px 0px ;}<br />
<br />
/*3列栏3*/<br />
#left_3{ float:left; width:227px; height:210px; background:#9933FF; margin:6px 6px 0px 0px;}<br />
#middle_3{ float:left; width:264px; height:210px; background: #FF6666; margin:6px 5px 0px 0px;}<br />
#right_3{ float:left; width:264px; height:210px; background:#9933FF; margin:6px 0px 0px 0px;}<br />
<br />
/*100%宽AD栏3*/<br />
#ad766_3{ float:left; width:100%; height:60px; background:#663333; margin:6px 0px 0px 0px ;}<br />
<br />
/*3列栏4*/<br />
#left_4{ float:left; width:227px; height:210px; background:#9933FF; margin:6px 6px 0px 0px;}<br />
#middle_4{ float:left; width:264px; height:210px; background: #FF6666; margin:6px 5px 0px 0px;}<br />
#right_4{ float:left; width:264px; height:210px; background:#9933FF; margin:6px 0px 0px 0px;}<br />
<br />
/*3列栏5*/<br />
#left_5{ float:left; width:227px; height:210px; background:#9933FF; margin:6px 6px 0px 0px;}<br />
#middle_5{ float:left; width:264px; height:210px; background: #FF6666; margin:6px 5px 0px 0px;}<br />
#right_5{ float:left; width:264px; height:210px; background:#9933FF; margin:6px 0px 0px 0px;}<br />
<br />
/*合作媒体栏*/<br />
#friends{ float:left; width:100%; height:80px; background: #66CCFF; margin:6px 0px 0px 0px ;}<br />
<br />
/*页脚*/<br />
#footer{ float:left; clear:both; width:100%; height:40px; background: #FF0000; margin:6px 0px 0px 0px ;}<br />
<br />
/*over*/<br />
<br />
--><br />
</style><br />
</head><br />
<br />
<body><br />
<!--外套--><br />
<<span href="tag.php?name=div" onclick="tagshow(event)" class="t_tag">div</span> class="wrap"><br />
<div class="container"><br />
<!--logo mainnav subnav--><br />
<img src="image/logo.gif" id="logo" /><br />
<ul id="mainnav"><br />
<li>业界动态</li><br />
<li>业界动态</li><br />
<li>业界动态</li><br />
<li>业界动态</li><br />
<li><span href="tag.php?name=%BC%C6%CB%E3%BB%FA" onclick="tagshow(event)" class="t_tag">计算机</span><span href="tag.php?name=%BC%BC%CA%F5" onclick="tagshow(event)" class="t_tag">技术</span></li><br />
<li>业界动态</li><br />
<li>业界动态</li><br />
<li>CG绘画</li><br />
<li>专题</li><br />
<li style="margin-right:0;">业界动态</li><br />
</ul><br />
<ul id="subnav"><br />
<li style="margin:0px 77px 0px 10px;">您的位置:首页</li><br />
<li><span href="tag.php?name=%C2%DB%CC%B3" onclick="tagshow(event)" class="t_tag">论坛</span>在线: 1389 人 |</li><br />
<li> <span href="tag.php?name=%BE%AD%B5%E4" onclick="tagshow(event)" class="t_tag">经典</span>BLOG |</li><br />
<li> 经典驱动 |</li><br />
<li> 经典驱动 |</li><br />
<li> 经典作品集 |</li><br />
<li> 经典报价 |</li><br />
<li>经典桌面 |</li><br />
<li> Think.Pages</li><br />
</ul><br />
<br />
<br />
<!-- 2列那块 --><br />
<div id="leftside"><br />
<h1></h1><br />
<h2></h2><br />
<ul><br />
<li></li><br />
<li></li><br />
<li></li><br />
<li></li><br />
<li></li><br />
<li></li><br />
<li></li><br />
</ul><br />
</div><br />
<br />
<div id="rightside"></div><br />
<br />
<br />
<!--100%宽AD栏1--><br />
<div id="ad766_1"></div><br />
<div id="ad766_1b"></div><br />
<br />
<!-- 3列栏1 --><br />
<div id="left_1"></div><br />
<div id="middle_1"></div><br />
<div id="right_1"></div><br />
<br />
<br />
<!--图片展示栏--><br />
<div id="imgshow"></div><br />
<br />
<!--3列栏2--><br />
<div id="left_2"></div><br />
<div id="middle_2"></div><br />
<div id="right_2"></div><br />
<br />
<!-- 100%宽AD栏2 --><br />
<div id="ad766_2"></div><br />
<br />
<!--3列栏3--><br />
<div id="left_3"></div><br />
<div id="middle_3"></div><br />
<div id="right_3"></div><br />
<!--100%宽AD栏3--><br />
<div id="ad766_3"></div><br />
<br />
<!--3列栏4--><br />
<div id="left_4"></div><br />
<div id="middle_4"></div><br />
<div id="right_4"></div><br />
<br />
<!-- 3列栏5 --><br />
<div id="left_5"></div><br />
<div id="middle_5"></div><br />
<div id="right_5"></div><br />
<br />
<!--合作媒体栏 --><br />
<div id="friends"></div><br />
<br />
<!--页脚--><br />
<div id="footer"></div><br />
<br />
</div><br />
</div><br />
<br />
</body><br />
</html><br />
提示:您可以先修改部分代码再运行 |
|