...

View Full Version : Trouble maintaining my navigation's width



gabe
05-09-2007, 11:39 PM
Here's what I've got:
http://www.hiddencrag.com/cs/fixed_home.html
My problem is that I can't maintain the width of my navigation when I add padding to it in FireFox. Padding the links causes the width of the div to increase by the amount of the padding (in this case 22px). Obviously taking that increase into account would solve the problem, and it does in firefox, but it shrinks the whole thing in IE6. My goal is to have the navigation be 297 px wide in both browsers and 22px of space to the left of the links.
Thanks,
Gabe

koyama
05-09-2007, 11:55 PM
The weirdness is due to the fact that your page is rendered in quirks mode (http://www.quirksmode.org/css/quirksmode.html). This has severe consequences in especially IE. Here you are suffering from the incorrect IE5 implementation of the CSS box model.

You have this doctype:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Instead try this one to ensure that your page will be rendered in standards mode:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/REC-html40/strict.dtd">

gabe
05-10-2007, 02:29 AM
Thanks so much!
I usually use strict 1.0, and am not very familiar with quirks mode or its DTD. It was a friend's site.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum