ie6页面样式问题

Question

页面是here

请告诉我如何解决这个问题...

我知道Dean Edwards' IE7 javascript，但这可能有点矫枉过正，有没有针对我的问题的简单解决方法？

我试过了：

<!--[if lte IE 7]>
    <link rel="stylesheet" type="text/css" href="demo/css/ie6.css" media="all">
<![else]>
    <link rel="stylesheet" type="text/css" href="demo/css/common.css" media="all">
<![endif]-->

但它不起作用，所以我将其替换为：

<!--[if lte IE 7]>
<style type="text/css">
...
</style>
<![endif]-->

目前我仍然遇到二级菜单问题，即here

Answer 1

@Miranda：要修复 IE6 中的菜单，请像这样在 CSS 中更新以下规则 --

.menuArea ul {
    height: 38px;
    width: 790px;
}

.menuArea ul li {
    display: inline;
    font-size: 13px;
    line-height:2.7em;
    list-style: none;
    margin-right: 2px;
    text-transform: capitalize;
}

.menuArea ul li a {
    color: #383838;
    display: block;
    float: left;
    height: 38px;
    padding: 0 16px;
    text-decoration: none;
}

如果您开始注意到您更新/定义以使页面适用于它的任何样式开始在其他浏览器中对其产生负面影响，我建议您对 IE6 使用 conditional-comments。创建一个ie6.css 文件并使用主 CSS 文件下方的条件注释，如下所示：

<!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="ie6.css" media="all">
<![endif]-->

Answer 2

将float:left 添加到您的css 可能会解决问题。

.menuArea ul li a{
     float: left;
}

这是经过测试的。