IE宽度渲染问题

我设计了一个固定宽度的页面，它可以在Chromium，Firefox，Safari中同等渲染，但是在IE浏览器的所有风格中都有一个小问题。我为IE添加了一些有条件的样式，这会让事情变得更好一些，但它仍然是关闭的（仅有几个像素）。IE宽度渲染问题

我添加条件样式为IE来固定所有的元素，在此之前的宽度，横幅的风格比身体窄得多。

我假设我打了一个IE浏览器的bug，但我找不出哪一个！任何人都可以帮忙吗？

感谢，李

2011-10-24 Lee

你mainbodyie规则的宽度比在标准的CSS宽度不同。（851px vs 848px）。修复这个以匹配你的其他包装。

另外你的页面不在IE中居中 - 我建议你用一个固定宽度的包装器将整个页面包装成页边距：0 auto来居中整页 - 所以你不要在你的css中多次重复这个宽度布局元素。

2011-10-24 11:01:12 easwee

你说的没错，但这只是我的黑客攻击的一部分。我现在从IE条件中删除了固定的宽度。此外，身体的风格是固定宽度的边距：10px auto。 IE仍然看起来一样 - 它似乎忽略了汽车的水平边距。 – Lee

@李 - 你可能会在IE中遇到双重保证金问题。尝试从'.tabcontent'中移除'margin-left：20px;'并将其放在'div-nav'作为保证金。左浮动元素可以将它的左边距加倍，即在某些场合。 – easwee

现在它已部分修复，从您的帖子和kapillohakare提示，所以感谢您的帮助。我的身体有宽度的所有限制。我已经将它转换为坐在身体内的div，这有所帮助。剩下的唯一问题是IE似乎忽略了汽车（水平）边距。 – Lee

/* ONLY FOR IE */ 

DIV.mainbodyie{ 
    width: 848px; 
} 

DIV.mainbody{ 
    padding-right: 0; 
}

2011-10-24 11:04:05 Dev

使用DIV结构包围下的这个div代码的所有内容，如头部，中部，页脚中it.Add：

.test{ 
overflow:auto; 
margin: 0 auto; 
}

2011-10-24 11:11:43 kapillohakare

我已经这样做了，它肯定有帮助（右侧的抵消问题已经消失） - 非常感谢。唯一剩下的问题是IE似乎忽略了汽车水货边缘。 – Lee

试试这个：left：50％; margin-left：-380px; – kapillohakare

解决了保证金问题。我的doctype声明不正确，所以IE进入怪异模式，因此忽略了自动保证金。 – Lee

回答