Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- Header positioning
- Dominic Myers
January 26, 2005, 3:53 am
rate this thread
I'm sorry if'n this is a question answered elsewhere but I'm very stuck. A
page I'm developing has a nice header and two column layout. The contents of
some of these areas are often rounded divs but they don't seem to work in
Firefox as they do in IE and Opera. The problem is that the header seems to
extend off the side of the page in Firefox. The css is in the code of the
page so if anyone could point me in the right direction I'd be grateful. The
Re: Header positioning
Your doctype kicks IE and Opera into quirks mode, whilst in Mozilla it
triggers standards mode. Fix the doctype and IE6, Opera 7 and Mozilla
all behave the same.
You need to read up on the box model, specifically that padding on an
element is added to the width, thus if you specify a width of 100% on
the #hdr id and a padding, the padding is *added* to the width, thus it
ends up extending beyond the page width.