CSS not floating right...
I got a element called middlebox, the css is
and there are three elements in there, left container, center container, and right container. The css is
The containers aren't showing up in horizontal line, what's up? Is it borders or margins or something? In Firebird/Mozilla its fine, but in Opera and IE the right container wraps to another line, and shows below.
margin: 0 auto;
padding: 0 0 0;
font-family: Arial, Helvetica, sans-serif;
thanks, and some more thoughts
Thanks for the advice, especially on the IE quirks mode. I'll have to give that a try. What other problems do you anticipate once I get into Standards mode?
I noticed that even if I nest an absolute div within a relatively positioned one, it seems to mess up the relative positioning of my other divs in Mozilla. For example, my topbox contains a absolutely positioned div for my upper left logo, because if I didn't, the two menus on the right weren't floating right. Then in Mozilla, my bottombox div (relatively positioned) was at the top of the doc. Assigning bottom: 0; to that element seemed to fix it.
I'm still getting the nasty horizontal scrollbar in Mozilla, too. So if you have any idea what I'm doing wrong there, please tell me.
Thanks for your help, you really are a SitePoint Guru.