The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

div positioning incorrectly...NS6 & MZ

I recently redesigned my design site to use CSS for positioning and styles,
to go table free. I *thought* I had gotten all the kinks out, but realized
yesterday I had not, looks great in IE though... LOL

Anyhow, for some reason the copyright div is showing in between the content
and menu, but only in NS6.2 and Mozilla 1.0 . The CSS validates with only
one warning regarding background-color. The HTML also validates.

I think your problem is using vertical-align to position your #coptright id, in netscape 4.0+ vertical-align only works for images, see here
I would use position:absolute; to make sure its positioned where you want it.

For me, at least, that leaves you with the same appearance in IE6 and a recent Mozilla nightly.

The "float: left" causes Gecko to regard the "content" div as being separate from the "frame" div (it's floating). The "float: right" on the menu causes THAT div to appear on the right. The "copyright" div is now the only div that's actually in the "flow" of the page, and so ends up wrapping itself into the gaps between the two floats.

The content doesn't NEED to be in a float, I think, so just take it out. If the Menu div is after the content div in the source, then it's vertically positioned below the content. but if it's BEFORE the content div, it ends up where you want it.

I wanted to say thank you, that fixed it. I'll have to play with the CSS more (separetly) to see if I can get the content ahead of the menu, again for better SE optimization. But for now this is better than looking sloppy!

I'll have to play with the CSS more (separately) to see if I can get the content ahead of the menu, again for better SE optimization.

My better CSS-educated Significant Other pointed to a simpler solution which does just that:

Keep your original HTML (i.e. divs in the order banner, content, menu, copyright), leave the "float: left;" on the content div, and add "clear: left;" to the CSS for the copyright div. That explicitly tells browsers to do what IE is doing without being asked. Looks fine in Mozilla and IE6, but again, no guarantees about older browsers. If your menu gets longer than your content div for any reason, change that to "clear: both".

And, glad to help, it encouraged me to FINALLY figure out how floats work - it'd been a mystery for some time.