New layout issues...

Hello,

Have been experimenting a bit with layout and stumbled upon the following:

I defined a box for my menu and positioned it absolutely. Then I defined
a box for the content which is positioned next to the menubox. It works
fine in Firefox, but IE places the menubox inside the contentbox for
some reason. Why is this?

Oh yeah: I know most pages look pretty screwed up. Just look at the bio
and news pages for now... Shows and guestbook should work too.

URL is still http://dusk-metal.kicks-ass.org/site/ (which is my testing
homeserver).

TomB wrote:

Hello,

Have been experimenting a bit with layout and stumbled upon the following:

I defined a box for my menu and positioned it absolutely. Then I defined
a box for the content which is positioned next to the menubox. It works
fine in Firefox, but IE places the menubox inside the contentbox for
some reason. Why is this?

Oh yeah: I know most pages look pretty screwed up. Just look at the bio
and news pages for now... Shows and guestbook should work too.

URL is still http://dusk-metal.kicks-ass.org/site/ (which is my testing
homeserver).

Firefox applies the Box Model according to the W3C Standards.
Box Width (W3C) = border+padding+width+padding+border
1px + 1% +175px+ 1% + 1px = (177px+2%)
box width

IE in Quirks Mode misinterprets the box model by placing border and
padding inside the specified width.
IE Box Width (Quirks) = width-border-padding-padding-border
175px- 1px - 1% - 1% - 1px = (173px-2%)
box width

You're asking IE to place an image width of 175px into (173px-2%)
available box width, which is causing havoc.

All new authored pages should be using the Strict Doctype. Change it to
Strict and the page should also be ok for IE6 regarding the position of
the menubox. (Not so for IE 5.5 which is always in Quirks Mode.)

--
Gus