Hi there....
This is my first css layout. All is well in IE6 and Netscape 7, but Mozilla 1.6 doesn't like it.....(all on windows 98). I can't test any other browsers at the moment so if anyone here can, that'd be great.
My 2 column layout looks fine until the left column becomes longer than the right. Both column <div>s are within a #pagecontainer <div>.
If the right column is longer than the left, it all works fine. But if the left column is longer, this column then overlaps the #pagecontainer <div>.
I have tried using the css generated by csscreator.com, and the same thing happens!
A working page, (with long right column) is here:
http://www.swindonharriers.com/test/index.htm
A broken page (with long left column) is here:
http://www.swindonharriers.com/test/about.htm
The offending css file is attached.
Any advice greatly appreciated, I have been tearing my hair out for 2 days and haven't got much left!
Fixed it!
Just added a footer div, with clear:both set. This stopped the column running on past it's container div.
I've been reading up on 2 column layouts a lot in the build up to creating my layout, and I've never seen the importance of a footer div mentioned. Well, now I know..... at last I can sleep easy.....