IE8浮动错误显示边距

时间:2013-02-04 00:48:28

标签: css twitter-bootstrap internet-explorer-8 css-float margins

我的页面位于http://jerswebempire.com/ovrtur/index.php

除了IE8之外,所有浏览器中的页面都显示得非常完美。在IE8中,浮动的div具有不正确的边距。例如,您会看到顶部的搜索栏位于导航栏下方。但是,如果您在Chrome或Firefox或IE9中打开该页面,它将显示在正确的位置。

我做错了什么?!我似乎无法找到解决办法。

此外,最新视频的框在所有浏览器中都有两列,但IE8。它类似于上面的问题,其中添加了一个不应该存在的左边距。

该页面是使用Bootstrap构建的。

任何帮助都将不胜感激。

2 个答案:

答案 0 :(得分:0)

在索引之间使用ie条件

<html> </html> 

为html样板文件中的'ie only only'边距添加一个类。

加载一个自定义的ie 8样式表,然后像这样使用边距问题:

<!--[if IE 8]><link rel="stylesheet" type="text/css" href="ie8-only.css" /> <![endif]-->

或者在您需要的地方加载课程。

<!--[if IE 8]><html class="ie8 lt-ie9"> <![endif]-->

将ie条件类应用于您需要的任何内容。

<div class="floatedDiv ie8"

CSS

.ie8 { margin:0px; }

答案 1 :(得分:0)

我无法在ie8上调试,但我搜索并发现实际上有一个negative margin bug on ie7/8。 他们建议使用

zoom:1, position: relative

作为解决方法。