Question

我的网站在Chrome和Safari中运行良好，但元素无法在firefox或ie中正确显示。有些元素被推得正确，我不明白如何解决问题。

您可以看到网站here

我已经在CSS中添加了大纲，以帮助诊断哪些元素无效：

> #leftwrap {float: left; width: 270px; outline: 1px dashed green;}

> #slider-frame {height: 505px; margin: 20px 20px 0 302px; overflow: hidden; outline: 1px dashed blue;}

或者它是链接的旧版JQuery吗？当我尝试更新到最新版本的JQuery时，所有浏览器中的一切都爆炸了。

该网站似乎工作正常，直到最近有人给了我一个抬头。几年前我聘请了这个网站的开发人员，现在他已经不再可用了。所以任何帮助都非常感谢。

Answer 1

你有一些定位问题。从

开始，只需从任何地方删除浮动

#leftwrap{float:left}

然后给你的#poster div

#poster {position: relative;}

你的#leftwrap类似

#leftwrap {
    width: 270px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.slide-width是正确的，只需删除内联样式，将其添加到CSS并添加高度

然后#main-slide-nav这样的东西：

#main-slide-nav {
    margin-left: 300px;
    position: absolute;
    bottom: 10px;
    width: 650px;
}

当然这些是近似值，您需要根据自己的特点进行调整然后进行微调，但这样您就可以在所有浏览器中使用布局了

html5元素在firefox中无法正确显示

1 个答案: