【发布时间】：2012-09-16 12:20:35
【问题描述】：
我在这里学习 960 网格和 css 的新手。我已经设法通过在此处进行彻底搜索解决了我的大部分问题，但是我真的在为我的页面在所有 IE8 和 IE9 上不正确地渲染而苦苦挣扎（尽管它在 IE7/8 兼容性视图中以某种方式渲染得很好）。
在 IE 中，我的主要内容（6-col、6-col、4-col）将最后一列截断到页面底部，而不管屏幕分辨率或缩放比例如何。它在所有其他浏览器中呈现良好（减去 FF 中“大纲”定义的已知问题）。我知道 IE 在边距和/或填充方面存在问题，但我还没有完全理解这个问题。但是，我没有找到可能导致超过 960 像素的水平填充。如果有更多知识的人可以快速查看我的 css，我希望他们能指出我正确的方向。
正如我所提到的，我正在学习 CSS 和这个网格系统。我不是网络程序员，只是一个在他的计算机上安装了谷歌和网络表达式的人，试图为一个非营利机构建立一个网站。我确信代码存在一些严重的语义问题，但我感谢你的温柔。我保证会清理我的代码，因为我更好地理解了正确的语义。谢谢。
【问题讨论】：
-
IE 的问题不仅仅是边距和填充。看起来 960 使用的媒体查询在 IE8 中不起作用。
-
我想到了删除所有 css 并将其重新添加的想法，一次一个部分，以隔离问题。原来它是一个 div 类（.submenustyle），其中应用了 display:none 属性。此属性在导航带中隐藏了一个 UL 子菜单，一些 JS 魔术会根据悬停在主菜单上显示适当的子菜单。 JS 正在做它应该做的工作，但是当 submenustyle div 没有显示时，它会让 IE 失控。任何人都可以帮助我理解为什么会发生这种情况和/或推荐更改/破解/任何使其在 IE 中正确呈现的方法吗？谢谢。
标签： css internet-explorer 960.gs