ie7中的css对齐中断但在其他地方有效

Question

请参阅此页：https://tjandpals.com/howto-html

在现代的firefox，safari，chrome和Internet Explorer中看起来很正常。

然而 - 在ie7中，它打破了对齐......

任何使这更兼容的线索？

Answer 1

你可以在给定的类上使用ie7 hack：

.leftAd {*top:60px}
.TopAd{*float:none;*width:600px}

这件事在ie7

中会正常工作

Answer 2

作为第一个小步骤（抱歉，但目前我只有一点时间）你可以将#HowToLanding DIV的高度设置为自动。这使得瓷砖处于正确的位置。

你可以这样做：

#HowToLanding { height: 550px; *height: auto; }

更新： ...并为#Footer

执行相同的操作

#Footer { height: 150px; *height: 150px; ... }

HTH，
--hennson

Answer 3

在

中添加<div id="TopAd">...</div and <div id="TopAd">...</div>

<div id="HowToLanding">..</div>