IE7显示问题

Question

在IE7中查看时，我的很多花车都出现在一个单独的线上......在Ffox，Chrome，IE8等中，它们看起来很好。

有问题的网站是：

http://208.43.52.30

浮动不起作用的地方是“靠近我的活动”的位置，“显示月份”按钮的位置..

我会附上一些截图

IE 8：

IE 7：

Answer 1

我个人无法看到差异（我最接近IE7的是IE8中的兼容性视图），但根据你的截图，看起来“即将发生的事件”font-size在IE7中要大得多屏幕截图。

您为font-size标记定义了h1吗？不同的浏览器有时会处理不同的标题标记的大小和边距，因此如果您将h1{font-size:14px;}放在样式表中，它可能会修复它。

Answer 2

即将发生的事件问题是由于IE7将float:right推到下一行而不是让它与h1保持一致，尽管没有clear我无法想办法获得那要停下来我提出的另一个选择是将h1左移，而是给出默认的text-alignment:right;这将导致相同的布局，IE7很高兴。

http://jsfiddle.net/znRxq/

显示按钮的相同解决方案。

Answer 3

IE7可能会使您的输入更大（根据经验），您应该为IE7设置不同的宽度。

Answer 4

首先，'浮动'得到很好的支持，即使在IE上也是如此。在您的网站上验证HTML时，我得到43 errors（真的不会那么多）。纠正这些并查看它是否解决了问题。早期版本的IE（＆lt; = 7）对于IE8，chrome，firefox等稍微无效的标记并不友好......

其次，如果你真的只想尝试内联显示块元素，'display：inline-block'是最简单的方法。与流行的看法相反，这支持IE7＆amp; 8.以下是跨浏览器支持的CSS：

.inline-element {
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
}