Chrome和Firefox的跨浏览器定位问题

时间:2010-04-20 18:24:06

标签: css cross-browser

我希望有人可以帮我弄清楚如何处理Safari / Chrome和Firefox之间的浏览器不一致问题。

这是一个屏幕截图(左侧是Chrome /右侧是Firefox):http://drp.ly/QVv2T

以下是结构:http://drp.ly/QW47y

css:

inside-wrapper {
    position:relative;
    min-height:320px;
    font-family:Arial, Helvetica, Geneva, sans-serif;
    width:785px;
    margin-right:auto;
    margin-left:auto;
}

select p a {
    display:block;
    clear:both;
    margin:0;
    padding:7px 0 6px 10px;
}

select ul {
    position:absolute;
    top:162px;
    left:1px;
    width:396px;
}

提前感谢您的帮助,如果我可以发布更多信息,请与我们联系。

2 个答案:

答案 0 :(得分:1)

很抱歉那些花时间看这个的人 - 我发现我很模糊,并没有提供足够的信息。

我找到了修复方法。问题是包含所有这些需要设置为位置的主要div:相对而我将整个事物的父设置为相对。

感谢大家的帮助!

答案 1 :(得分:0)

根据您的CSS,我注意到您在<ul>标记内添加了<select>。这不是一个有效的组合。