浏览器兼容性问题:在Firefox和&amp ;; IE

时间:2015-02-19 21:52:42

标签: html css

我正在试图找出在我正在处理的网站上放弃导航菜单定位的原因。我在菜单下面添加了一个图像来强调它,它在Chrome中完美显示....但是div扩展并位于Firefox和IE中的徽标下方。我尝试过并尝试过,但似乎无法弄明白。如果我消除了图像,它可以很好地工作,但是用它......不是那么多。

示例:http://espritduvin.ca/(在不同浏览器中查看以查看我的问题)

4 个答案:

答案 0 :(得分:1)

给你的浮动容器一个宽度,例如左侧容器为320px,右侧容器为633。

答案 1 :(得分:0)

尝试给图像浮动:正确,此时它根本没有给出任何css。

答案 2 :(得分:0)

Firefox正在clear上呈现header-right-section。将标题的左侧(徽标)和右侧(导航栏)的样式更改为display: inline-block

我建议将来使用Bootstrap for CSS。

答案 3 :(得分:0)

尝试将适当的宽度放到header-right-section,我认为它会起作用。现在只有float值。 如果您使用的是bootstrap,则可以将其左右两列放置。