css - IE8 和 IE9 无法正确呈现 960 网格

标签 css internet-explorer 960.gs

菜鸟在这里学习 960 网格和 CSS。我已经通过此处的彻底搜索设法解决了我的大部分问题,但我真的很难在所有 IE8 和 IE9 上不正确地呈现我的页面(尽管它在 IE7/8 兼容性 View 中以某种方式呈现良好)。

在 IE 中,无论屏幕分辨率或缩放如何,我的主要内容(6 列、6 列、4 列)都将最后一列截断到页面底部。它在所有其他浏览器中呈现良好(减去 FF 中“大纲”定义的已知问题)。我知道 IE 在边距和/或填充方面有问题,但我还没有完全理解这个问题。但是,我找不到可能导致超过 960 像素的水平填充。如果更有知识的人快速浏览一下我的 CSS,我希望他们能为我指明正确的方向。

正如我提到的,我正在学习 CSS 和这个网格系统。我不是网络程序员,只是一个在他的计算机上使用 Google 和 Web Expressions 试图为非营利机构建立网站的人。我确信代码存在一些严重的语义问题,但我感谢你的温柔。我保证在更好地理解正确的语义时清理我的代码。谢谢。

最佳答案

原来我对麻烦制造者代码的理解是错误的。实际上,在放置我公司 Logo 的 div 左侧部分的 css 中,它实际上是一些不必要的(当时,看似无害的)代码……具体来说,display:inherit and width=100%。删除这两行后,一切都在 IE7+ 中呈现得很好。

关于css - IE8 和 IE9 无法正确呈现 960 网格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12575221/

相关文章:

internet-explorer - Internet Explorer中TTF支持的状态是什么?

html - 960 网格与底部的 wordpress IE 7/8 侧边栏冲突

javascript - animate.css 并删除元素

jquery - 将随机类应用于指定的每个元素

javascript - 在 React 渲染 svg 之前,以编程方式将样式添加到 svg 中?

javascript - CSS3 Flip Dropdown Menu - 悬停在子菜单上时保留主菜单悬停样式

jquery - CSS JQuery 位置选择器在 IE 上为空

javascript - Internet Explorer 和 Office 加载项之间不共享持久 cookie

django - 将一个查询集渲染为 2 个 div 列(django 模板)

JQuery 960 固定/流体开关?