0

我有跨浏览器兼容性的主要问题。这张图说明了问题：

没有描述

我为 IE7-8 输入了什么代码，以便我的菜单正确对齐？现在它在 Firefox 中看起来不错，但没有别的。

这是她拥有的菜单代码（可能还有其他相关代码，但我不知道，请参阅实际站点）：

.custom .menu { 
    height:25px;
    border: 1px none; 
    float:right;

}

我已经尝试过其他线程中提到的东西，overflow:hidden;/给出宽度/margin: 0 auto等等。没有任何效果，最终也只会破坏 Firefox。

4

3 回答 3

0

您有可能是原因的HTML 问题。例如，Explorer 讨厌无效的 HTML，并且最难弄清楚您的意图。其他浏览器做出不同的猜测，你的网站在 Safari 中也被破坏了。重点是，除非您遵循标准，否则渲染将是不可预测的。

<ul>您有两个无效的空元素。

<ul>需要<li>

<div id="sidebar_1" class="sidebar">
    <ul class="sidebar_list">
    </ul>
</div>
<div id="sidebar_2" class="sidebar">
    <ul class="sidebar_list">
    </ul>
</div>

修复 HTML 后，才可以处理 CSS 问题。

于 2012-12-01T17:18:09.217 回答
0

尝试

.custom .menu {
     height: 106px;
     border: 0px none;
     float: right;
}


.custom #header {
     background: transparent;
     height: 80px;
     top: -80px;
     position: relative;
     border-bottom: 0;
}
于 2012-12-01T16:30:34.127 回答
0

根据我在 Mac 上的 Safari 中看到的内容，这看起来与您遇到的问题相似。有一些css问题。

#header { float:left; }
.menu-menu-top-container { float:right; }

消除：

#header { clear:both; }
.custom .menu { height:25px; }

不过这个网站有很多问题。我个人会从 html 和 css 重新开始。这是我很长时间以来见过的最奇怪的代码之一。

于 2012-12-01T16:30:40.663 回答