internet-explorer - Div 在 IE7 和 8 中不合适

Question

我在这个项目中遇到了 3 个 div 的问题，菜单、横幅和页脚在 IE 中不合适，但在 Firefox、safari 和 google chrome 中它们出现在正确的位置。

我是 joomla 的新手，我从头开始制作模板，我需要帮助来解决这个问题，我尝试搜索论坛并检查类似的问题，但我找不到解决方案。

链接：

http://staging.socinterangola.com

提前致谢。

Answer 1

我目前使用的机器没有 IE，所以我不得不猜测一下 - 抱歉。

Banner div 向左浮动并有左边距。这是 IE 的一个经典问题 - 如果您在一个方向上浮动并且在该侧有一个边距，则边距会加倍。解决方案：在您浮动的项目上放置相同值的边距。或者，通过将填充放在左侧而不是左侧外侧的边距来使横幅 div 更宽。

MenuNav 有同样的问题 - 左边距和向左浮动。同样，在 IE（我认为是 6,7 和 8）中，当它们位于您浮动到的同一侧时，边距会加倍。

在页脚上，我看到的唯一可疑之处是顶部的负边距。某些浏览器会忽略这一点，而其他浏览器则不会 - 因此可能是您的问题的原因。

希望这会有所帮助 - 但正如我所说，确实涉及一些猜测。