IE8忽略浮动div上的上边距

Question

这是我第一次发帖，所以如果我犯了任何错误，请耐心等待:)我已经搜索了答案并尝试了我找到的所有内容，但没有任何效果。

我在www.algoflash.com

有一个实时网站

除了IE8之外的所有浏览器都正在读取导航菜单边距的css。 IE8忽略了我在两个全宽度div（logo div和menu div）之间的nav css上放置的任何边距或填充。原始文件来自我编辑过的简单响应模板。

我需要将导航菜单div放置得足够远，以免干扰背景图像。有没有人有任何建议？

Answer 1

如果你嫁给了这种结构和css方法：

<div id="header-inner" class="sixteen columns over">
  <div id="masthead" class="sixteen columns alpha"></div>
  <div class="clear"></div>
  <nav class="sixteen columns omega" id="main-nav" name="main-nav"></nav>
</div>

并将#masthead和#main-nav同时浮动并将#main-nav置于底部，然后您需要为#header-inner指定一个明确的高度。其他浏览器计算它的高度为225px，这就是我开始的地方。

#header-inner{
height: 225px; 
}

Answer 2

对于IE目的而言，也许您可​​以添加修复“表格或分区”标记，在运行时设置它的高度（想想jquery），当检测到IE时。