2 replies [Last post]
webguy262
webguy262's picture
Offline
newbie
Last seen: 11 years 10 weeks ago
Timezone: GMT-5
Joined: 2010-01-02
Posts: 5
Points: 9

http://brinsterinc.com/tireclick/index.php

Fine in FF & IE8, but in IE7, the content is not lining up over the background image. It's a bit too high.

http://brinsterinc.com/tireclick/images/ie7.jpg

Thoughts?

Excavator
Excavator's picture
Offline
Enthusiast
Alaska
Last seen: 8 years 6 weeks ago
Alaska
Timezone: GMT-9
Joined: 2004-04-04
Posts: 121
Points: 60

Hello webguy262,

Normally in a case like this I would suggest using a reset since browser defaults are what's causing this.
Another suggestion might be to absolutely position an element that is so critical to be in the right place, though I usually avoid ap until it's absolutely necessary.

Putting a background color on #left_content shows the difference between different browsers.
Like this -

#left_content {
	width:800px;
	float:left;
background: #00f;
}

Specifying the margin on the p in #menu will even that out. IE7 has a different default here than other browsers.
Try 16px or so... like this -

#menu p {margin: 16px 0;}

webguy262
webguy262's picture
Offline
newbie
Last seen: 11 years 10 weeks ago
Timezone: GMT-5
Joined: 2010-01-02
Posts: 5
Points: 9

thanks, that did it!

thanks, that did it!