Balancing Columns Using DIV's — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

Balancing Columns Using DIV's

This page's ID: 24974

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	I'm hoping someone can help me with the following: I have a fairly standard looking page layout - a sidebar DIV and a main content DIV contained within a wrapper DIV to center them on the page, all followed by a footer DIV which spans the whole page. The main content DIV has a border defined down the left side to separate it from the sidebar - the resultant page looks [url=http://www.iol.ie/~aftereffects/Asylum/right.htm] like this.[/url] Just what I want. The problem occurs when the mian content is shorter than the sidebar - in that case the page looks [url=http://www.iol.ie/~aftereffects/Asylum/wrong.htm] like this.[/url] As you can see, the separating border only goes to the end of the main content DIV, not all the way to the footer. Can anyone tell me if it's possible to force the main content DIV to be at least as long as the sidebar? The CSS I'm using is as follows: body { margin: 0px; padding: 0px; font-family: "Trebuchet MS", Arial, sans-serif; } #mainwrapper { width: 720px; margin: 0px auto; padding: 0 12px; } #maincontent { float: left; width: 520px; margin: 0; padding: 0 0 18px 18px; border-left: 2px dotted #FF9B00; text-align: justify; } #sidebar { float: left; width: 160px; padding: 0 18px 0 0; } #footer { clear: both; padding: 0px; border-top: 2px dashed #FF9B00; } I'd really appreciate a solution to this - many thanks, [url=http://www.iol.ie/~aftereffects/]Simon[/url] [small](Edited by [internallink=4094]Simon Figg[/internallink] on 02-09-2005 18:55)[/small] [small](Edited by [internallink=4094]Simon Figg[/internallink] on 02-09-2005 18:56)[/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu