css alignment breaks in ie7 but works elsewhere

Question

Please see this page: https://tjandpals.com/howto-html

It looks normal in modern firefox, safari, chrome and internet explorer.

However- in ie7, it breaks the alignment...

Any clues to make this more compatible?

Answer 1

you can use ie7 hack on given classes :

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

this thing will work fine in ie7

Answer 2

as a first little step (sorry, but currently I've only a little time) you could set the height of the #HowToLanding DIV to auto. This brings the tiles in the right position.

You could do something like this:

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

Update: ...and do the same for the #Footer

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

HTH,
--hennson

Answer 3

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

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