Hard Luck with CSS in all browsers.

tc3driver

Sorry I am a reletave n00b when it comes to css, I prefer the old school frames way of doing things...

but I decided to come into the 21st century, and am having more issues than I care to admit...

in IE, the single floating menu ends up all the way on the left, everything else is mostly centered (going for centered and aligned with everything else), Opera and FF the float is on top of the content and footer div's, but the text lies to the outside of the float, and everything is aligned to the left.

createErrorMsg

5:13 pm on Jan 27, 2006 (gmt 0)

tc3driver, sorry this one slipped through the cracks.

I see a few things that would result in the problem you describe.

First off, the global div is tagged in the source code with a CLASS name, but has a hash mark (#) in the selector. the hash mark matches to the ID attribute, not the CLASS name. Change the global div to this...

<div id="global">

...and you're part way there. This will allow the styles assigned to the global div to apply to that element, the most important of which to the problem you describe is the width and centering information.

Note, however, that when you do this, the contentbox will, in all likelihood, bump down below the menu. This is because the width calculations in your code are off.

With #global as the parent container, and set at 748px wide, you are limited to making the combined width of the floated menu and the unfloated contentbox no more than 748px wide. As it is now, the combined with of those two elements is...916px.