CODEWITHSUNDEEP
htmlcssinternet-explorercross-browser
davidkomer
davidkomer

Reputation: 3078

css alignment breaks in ie7 but works elsewhere

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?

Upvotes: 0

Views: 56

Answers (3)

Sowmya
Sowmya

Reputation: 26969

Add yout <div id="TopAd">...</div and <div id="TopAd">...</div> indide the 

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

Upvotes: 0

supersaiyan
supersaiyan

Reputation: 1730

you can use ie7 hack on given classes :

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

this thing will work fine in ie7

Upvotes: 1

hennson
hennson

Reputation: 811

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

Upvotes: 0

Related Questions