1 reply [Last post]
thevinmanfxst
thevinmanfxst's picture
Offline
Regular
Last seen: 14 years 32 weeks ago
Timezone: GMT-5
Joined: 2006-04-27
Posts: 17
Points: 0

Hi everyone.

I'm struggling with an inconsistency btw IE and firefox when rendering a right nav menu. It looks like firefox is not pushing the content in my right column all the way over to the right.

Here is the page:
http://www.thevinman.net/temp/test/test.shtml

..toggle btw IE and Firefox and you will see the difference. In practice, some text gets really close to the right nav (in firefox) and it just doesn't look good.

Any help would be greatly appreciated!

-Vinny

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 11 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Use a proper doctype. html

Use a proper doctype. html - loose is tantamount to quirks mode.

You need to control both the margins and padding on elements to ensure browsers are using YOUR settings not their own. In this case, IE and FF use different mechanisms to give list containers their default left indent. IE uses margin and FF uses padding. You've then set your own padding value overriding the FF default and leaving IE to add its left indent to that padding value.