1 reply [Last post]
marvincooper
Offline
newbie
Last seen: 17 years 5 weeks ago
Joined: 2004-08-18
Posts: 2
Points: 0

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!

marvincooper
Offline
newbie
Last seen: 17 years 5 weeks ago
Joined: 2004-08-18
Posts: 2
Points: 0

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..... Smile