我的网站在IE7和IE8中都是显示正常的,在IE6中不兼容

lucklian 2012-11-01 08:03:06
具体看这个页面http://www.0575wl.com/a/zuopinanli/

在IE6中,导航的下拉菜单也没有了,右边列跑到下面去了

以下是CSS样式
BODY {
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.head {
WIDTH: 980px; HEIGHT: 202px; _height: 190px
}
.heads {
HEIGHT: 230px
}
.top {
POSITION: relative; WIDTH: 100%; HEIGHT: 100px; OVERFLOW: hidden
}
.top DIV.logo {
POSITION: absolute; TOP: 10px; LEFT: 0px
}
.top DIV.head_menu {
POSITION: absolute; FONT-SIZE: 12px; TOP: 10px; RIGHT: 10px
}
.head_menu A {
COLOR: #000
}
.top DIV.phone {
POSITION: absolute; BOTTOM: 2px; RIGHT: 10px
}
.head DIV.menu {
LINE-HEIGHT: 32px; WIDTH: 100%; BACKGROUND: url(../images/menu_bg.gif); HEIGHT: 32px
}
.menu UL {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.menu UL LI {
Z-INDEX: 1; POSITION: relative; FLOAT: left; display:inline
}
.menu UL LI A {
TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 104px; DISPLAY: block; HEIGHT: 30px; COLOR: #fff; FONT-SIZE: 12px; TEXT-DECORATION: none
}
.menu UL LI A:visited {
TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 104px; DISPLAY: block; HEIGHT: 30px; COLOR: #fff; FONT-SIZE: 12px; TEXT-DECORATION: none
}
.menu UL LI UL {
DISPLAY: none
}
.menu UL LI:hover A {
BACKGROUND: url(../images/menu_on.gif) no-repeat 0px 2px; COLOR: #fff
}
.menu UL LI:hover UL {
POSITION: absolute; WIDTH: 105px; DISPLAY: block; TOP: 31px; LEFT: 0px
}
.menu UL LI:hover UL LI A {
DISPLAY: block; BACKGROUND: #faeec7; COLOR: #000
}
.menu UL LI:hover UL LI A:hover {
BACKGROUND: #dfc184; COLOR: #000
}
.clear {
HEIGHT: 10px; CLEAR: both; OVERFLOW: hidden
}
.clr {
CLEAR: both
}
.online {
WIDTH: 100%; HEIGHT: 40px; OVERFLOW: hidden
}
.online UL {
LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 300px
}
.online UL LI {
POSITION: relative; FLOAT: left; display:inline; HEIGHT: 40px; COLOR: #990000; FONT-SIZE: 14px; FONT-WEIGHT: 600
}
.foot {
TEXT-ALIGN: center; LINE-HEIGHT: 22px; WIDTH: 980px; BACKGROUND: url(../images/foot_line.gif) repeat-x 50% top; HEIGHT: 130px; FONT-SIZE: 12px; OVERFLOW: hidden;

PADDING-TOP: 10px
}
A {
TEXT-DECORATION: none
}
A:hover {
TEXT-DECORATION: underline
}
.foot A {
COLOR: #000
}



以下是HTML代码

<DIV class=menu>
<UL>
<LI>     </LI>
<LI><A href="/index.html">首  页</A>




</LI>



<LI><A href='/a/yumingzhuce/' >域名注册</A>
<table><tr><td>

<UL>

</UL>
</td></tr></table>

</LI><LI><A href='/a/xunizhuji/' >虚拟主机</A>
<table><tr><td>

<UL>

</UL>
</td></tr></table>

</LI><LI><A href='/a/chanpinfangan/' >产品方案</A>
<table><tr><td>

<UL>

<LI><A href="/a/chanpinfangan/wangzhanyouhua/">网站优化</A></LI>

<LI><A href="/a/chanpinfangan/wangzhanjianshe/">网站建设</A></LI>

<LI><A href="/a/chanpinfangan/sougoutuiguang/">搜狗推广</A></LI>

<LI><A href="/a/chanpinfangan/qiyeyouxiang/">企业邮箱</A></LI>

<LI><A href="/a/chanpinfangan/taobaozhuangxiu/">淘宝装修</A></LI>

</UL>
</td></tr></table>

</LI><LI><A href='/a/zuopinanli/' >作品案例</A>
<table><tr><td>

<UL>

<LI><A href="/a/zuopinanli/jingjixing/">经济型</A></LI>

<LI><A href="/a/zuopinanli/biaozhunxing/">标准型</A></LI>

<LI><A href="/a/zuopinanli/shangwuxing/">商务型</A></LI>

<LI><A href="/a/zuopinanli/waimaoxing/">外贸型</A></LI>

<LI><A href="/a/zuopinanli/dingzhixing/">定制型</A></LI>

</UL>
</td></tr></table>

</LI><LI><A href='/a/fuwuzhichi/' >服务支持</A>
<table><tr><td>

<UL>

<LI><A href="/a/fuwuzhichi/gongsilinian/">公司理念</A></LI>

<LI><A href="/a/fuwuzhichi/changjianwenti/">常见问题</A></LI>

<LI><A href="/a/fuwuzhichi/woyaotousu/">我要投诉</A></LI>

<LI><A href="/a/fuwuzhichi/woyaobiaoyang/">我要表扬</A></LI>

<LI><A href="/a/fuwuzhichi/woyaofangan/">我要方案</A></LI>

</UL>
</td></tr></table>

</LI><LI><A href='/a/xinwenzhongxin/' >新闻中心</A>
<table><tr><td>

<UL>

<LI><A href="/a/xinwenzhongxin/xingyedongtai/">行业动态</A></LI>

<LI><A href="/a/xinwenzhongxin/gongsixinwen/">公司新闻</A></LI>

</UL>
</td></tr></table>

</LI><LI><A href='/a/qiyewenhua/' >企业文化</A>
<table><tr><td>

<UL>

<LI><A href="/a/qiyewenhua/wenhualinian/">文化理念</A></LI>

<LI><A href="/a/qiyewenhua/rongyubang/">荣誉榜</A></LI>

<LI><A href="/a/qiyewenhua/tuanduihuodong/">团队活动</A></LI>

</UL>
</td></tr></table>

</LI><LI><A href='/a/liaojieqixun/' >了解企讯</A>
<table><tr><td>

<UL>

<LI><A href="/a/liaojieqixun/qixunjianjie/">企讯简介</A></LI>

<LI><A href="/a/liaojieqixun/qixunrongyu/">企讯荣誉</A></LI>

<LI><A href="/a/liaojieqixun/qixunyoushi/">企讯优势</A></LI>

<LI><A href="/a/lianxiwomen/">联系我们</A></LI>

</UL>
</td></tr></table>

</LI>





</UL></DIV>
...全文
348 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
suLove 2012-12-12
  • 打赏
  • 举报
回复
网上搜索一下ie6 hack吧,加些兼容样式就行
__phoenix 2012-11-01
  • 打赏
  • 举报
回复
IE6 这个是兼容性最差的 google一下IE6 兼容。。。
sq普罗旺斯 2012-11-01
  • 打赏
  • 举报
回复
你应该在低版本的浏览器中开发

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧