好的,我很困惑。
IE9在正在开发的网站的某些页面上显示不一致的页面宽度问题。
在IE9中:转到http://sistercarmen.org/cms/,您可以看到看起来像右页的内容。实际上页面太宽了,这肯定是个问题。但与About页面或History页面上发生的情况完全不同。
在这些页面上,页面的确非常广泛。但是,如果您将鼠标悬停在右列中的链接上(可能需要水平滚动以查看其中一个),页面会快速恢复到正确的大小。
构建simplified test page @ jsFiddle,我可以确认这似乎与display: table
有关,但这对我很重要,因此我可以在后面的源代码中提供Nav。 even simpler test page表示display:table
通常适用于IE9。
所以... 这是一个hasLayout问题,如果是这样,我怎样才能在IE9中强制使用hasLayout?
非常感谢,
杰里米
答案 0 :(得分:1)
你是对的,这很奇怪。对于它的价值,你的页面在IE10中工作正常。
在我可用的时间内,我无法为您找到合适的解决方案,但与此同时,您是否考虑过将width
或max-width
应用于正文文本元素?
[编辑]
我可以确认将width:100%
添加到content-lead
元素可以解决问题。
仍然无法解决问题发生的原因,但至少它是一种解决方法。
[再次编辑]
实际上,事实证明上述解决方案并不像我原先想象的那么好。 width:100%
只对我有用,因为我在控制台玩。在CSS中执行它没有任何效果。
如果完全固定的宽度不合适,设置固定宽度可能会有所帮助,或者可能使用CSS calc()
。