帮忙看下IE6的一个不兼容的问题-CSDN论坛

⋅为什么firefox浏览的时候，页面会闪一下 ⋅帮忙看下IE6的一个不兼容的问题 ⋅CSS怎么控制一段内容显示在屏幕的垂直中央 更多帖子 关注私信空间博客 xiaopai20 本版专家分：29 结帖率 100%

这段代码在IE6 就变形了
其他浏览器都是正常的如图：
正常情况：

IE6变形：



<div class="grid mainshare">

<div class="tabs_header">

<ul class="cls">

<li class="active"><a href="space.php?uid=5"><span>我的窝窝</span></a></li>

<li><a href="space.php?uid=5&amp;do=friend&amp;view=me"><span>我的关注</span></a></li>

<li><a href="space.php?uid=5&amp;do=fans&amp;view=me"><span>我的粉丝</span></a></li>

<li><a href="space.php?uid=5&amp;do=blog&amp;view=trace"><span>我的喜欢</span></a></li>

<li><a href="space.php?uid=5&amp;do=discuz_posts&amp;type=threads"><span>我的帖子</span></a></li>

        <li><a href="space.php?uid=5&amp;do=thread&amp;view=me"><span>我的话题</span></a></li>

<li><a href="space.php?uid=5&amp;do=album&amp;view=me"><span>我的相册</span></a></li>

<div class="clear"></div>

</ul>

</div>

</div>



.mainshare {

    width: 970px;

}

.grid {

    display: inline;

    float: left;

    margin-left: 6px;

    margin-right: 6px;

}

.tabs_header {

    background-color: #EDF0EB;

    border-bottom: 2px solid #8FC43D;

    margin-bottom: 15px;

    overflow: hidden;

}

.cls:after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}

.tabs_header ul {

    color: #588C0E;

    margin: 0 0 0 -2px;

}

.tabs_header li.active {

    background: none repeat scroll 0 0 #8FC43D;

    margin-bottom: 0;

    padding-bottom: 1px;

}

.tabs_header li {

    background: none repeat scroll 0 0 #CAE0B4;

    cursor: pointer;

    display: inline;

    float: left;

    height: 31px;

    line-height: 33px;

    margin: 0 1px 1px 2px;

    text-align: center;

    width: 100px;

}

.tabs_header li.active a {

    color: #FFFFFF;

    font-weight: 600;

}

.tabs_header li a {

    display: block;

    height: 31px;

    line-height: 33px;

    width: 100px;

}

.clear, .s_clear {

    clear: both;

}

请问该怎么做才能兼容IE6呢？谢谢

0 2012-05-16 11:14:17

回复数 6 只看楼主引用举报楼主

⋅一个坑。。。 ⋅无理由，散分。 ⋅太不给力了 更多帖子 关注私信空间博客 001007009 本版专家分：55914 金牌 2012年5月总版技术专家分月排行榜第一 银牌 2012年6月总版技术专家分月排行榜第二 红花 2012年6月 Web 开发大版内专家分月排行榜第一 2012年5月 Web 开发大版内专家分月排行榜第一 黄花 2012年7月 Web 开发大版内专家分月排行榜第二



<!DOCTYPE HTML>

<html>

	<head>

		<meta charset="gb2312" />

		<title></title>

		<link rel="stylesheet" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css" />		

		<style>

.mainshare {

    width: 970px;

}

.grid {

    display: inline;

    float: left;

    margin-left: 6px;

    margin-right: 6px;

}

.tabs_header {

    background-color: #EDF0EB;

    border-bottom: 2px solid #8FC43D;

    margin-bottom: 15px;

    overflow: hidden;

}

.cls {

	zoom:1

}

.cls:after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    visibility: hidden;

}

.tabs_header ul {

    color: #588C0E;

    margin: 0 0 0 -2px;

}

.tabs_header li.active {

    background: none repeat scroll 0 0 #8FC43D;

    margin-bottom: 0;

    padding-bottom: 1px;

}

.tabs_header li {

    background: none repeat scroll 0 0 #CAE0B4;

    cursor: pointer;

    display: inline;

    float: left;

    height: 31px;

    line-height: 33px;

    margin: 0 1px 1px 2px;

    text-align: center;

    width: 100px;

}

.tabs_header li.active a {

    color: #FFFFFF;

    font-weight: 600;

}

.tabs_header li a {

    display: block;

    height: 31px;

    line-height: 33px;

    width: 100px;

}

.clear, .s_clear {

    clear: both;

}







		</style>		

	</head>

	<body>

<div class="grid mainshare">

<div class="tabs_header">

<ul class="cls">

<li class="active"><a href="space.php?uid=5"><span>我的窝窝</span></a></li>

<li><a href="space.php?uid=5&amp;do=friend&amp;view=me"><span>我的关注</span></a></li>

<li><a href="space.php?uid=5&amp;do=fans&amp;view=me"><span>我的粉丝</span></a></li>

<li><a href="space.php?uid=5&amp;do=blog&amp;view=trace"><span>我的喜欢</span></a></li>

<li><a href="space.php?uid=5&amp;do=discuz_posts&amp;type=threads"><span>我的帖子</span></a></li>

        <li><a href="space.php?uid=5&amp;do=thread&amp;view=me"><span>我的话题</span></a></li>

<li><a href="space.php?uid=5&amp;do=album&amp;view=me"><span>我的相册</span></a></li>

<div class="clear"></div>

</ul>

</div>

</div>



	</body>

</html>

0 2012-05-16 11:17:44

只看TA 引用举报 #1 得分 0

⋅一个坑。。。 ⋅无理由，散分。 ⋅太不给力了 更多帖子 关注私信空间博客 001007009 本版专家分：55914 金牌 2012年5月总版技术专家分月排行榜第一 银牌 2012年6月总版技术专家分月排行榜第二 红花 2012年6月 Web 开发大版内专家分月排行榜第一 2012年5月 Web 开发大版内专家分月排行榜第一 黄花 2012年7月 Web 开发大版内专家分月排行榜第二: .cls {
zoom:1 /*ie*/
}
.cls:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

0 2012-05-16 11:18:42

只看TA 引用举报 #2    得分 80

⋅js如何读取这个对象的值（json）-小白问题 ⋅如何提前终止ajax请求？ ⋅找不到错在哪里？webuploader插件整合到CMS 更多帖子 关注私信空间博客 jellday 本版专家分：395: <div class="clear"></div>
把这个挪到</ul>后面试试
你清除浮动太早了

0 2012-05-16 11:33:21

只看TA 引用举报 #3 得分 0

⋅mvc 多个views子文件夹层叠问题；mvc 配置iis，实现多个顶级域名，访问不同views问题； ⋅MVC From 提交上传文件问题 ⋅工作一年，程序员之路该如何走下去？ 更多帖子 关注私信空间博客 贾筱林 本版专家分：0: 引用 1 楼  的回复:
HTML code

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>
        <link rel="stylesheet" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css" ……
正解。。。。。。

0 2012-05-16 17:41:08

只看TA 引用举报 #4    得分 0

⋅关于java web做即时聊天 ⋅让绝对定位原素快速居中 ⋅为什么DIV一去边框距离会变 更多帖子 关注私信空间博客 chenjwjw 本版专家分：44: 把ul也加上左浮动样式！因为ul也是一个包容li的容器，如果只把li进行了浮动，那ul的高度就会缩的尽可能小，此时如果将ul也进了浮动，可以使ul与浮动的li处在同一层，这时线应该就不会上去了！你试试吧！

0 2012-05-16 20:35:15

只看TA 引用举报 #5 得分 0

⋅关于java web做即时聊天 ⋅让绝对定位原素快速居中 ⋅为什么DIV一去边框距离会变 更多帖子 关注私信空间博客 chenjwjw 本版专家分：44: 找到原因了，IE6你加多一个样式吧
.tabs_header {
    background-color: #EDF0EB;
    border-bottom: 2px solid #8FC43D;
    margin-bottom: 15px;
    overflow: hidden;
    _float:left;/*这样就解决了*/
}

0 2012-05-16 21:02:13

只看TA 引用举报 #6    得分 0

帮忙看下IE6的一个不兼容的问题 [问题点数：80分，结帖人xiaopai20]