CSS 2 column layout - consistent height

liunx

Guest
I made a basic 2 column layout for a page:

<body style="background-color:#c0c;">
<div style="float:left; width:250px; background-color:#ccc;">
I made a basic 2 column layout for a page:<br>
I made a basic 2 column layout for a page:<br>
I made a basic 2 column layout for a page:<br>
I made a basic 2 column layout for a page:<br>
I made a basic 2 column layout for a page:<br>
I made a basic 2 column layout for a page:<br>
I made a basic 2 column layout for a page:<br>
</div>
<div style="margin-left:250px; background-color:#ff0;">
I want both columns to be the same height, even if the height of the content is different.
</div>
</body>


Is there a way I can make the height of the shorter column equal to the longer one? I want to use this kind of layout on all my pages, but sometimes the right column is taller and sometimes the left column is taller.Faux columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->)alright! this is exactly what i needed. thanks.
 
Back
Top