...

View Full Version : Equal Column Heights



Papa
12-13-2007, 05:58 AM
I've been searching for ways to keep my columns equal heights as content fills in one... the other one will expand to the same height even though it may not have as much content as the other... I've read other posts.. but I wanted to know the differences.. see below.. hence why im starting a new thread..

I've noticed that there are three main ways to do this.. straight CSS, Java, and the repeat-y image method.

So here is my question. What is the cleanest and most effective code? Likes Dislikes? Browser advantages / disadvantages... ?

Majoracle
12-13-2007, 06:27 AM
It's not possible. I guess you've figured that out. The easiest way is the CSS repeat-y. I don't know the JavaScript way, but the CSS way is really easy.

CSS:

#wrapper {
background: url('leftcol_bg.gif') repeat-y;
}

HTML:

<div id="wrapper">
<div id="leftcol"></div>
<div id="rightcol"></div>
</div>

effpeetee
12-13-2007, 03:01 PM
http://www.alistapart.com/articles/fauxcolumns/

http://www.ilovejackdaniels.com/css/faux-columns-for-liquid-layouts/

These may help you.:)

Frank

Papa
12-13-2007, 04:41 PM
http://www.alistapart.com/articles/fauxcolumns/

http://www.ilovejackdaniels.com/css/faux-columns-for-liquid-layouts/

These may help you.:)

Frank


Thanks for the links Frank. I've been to those sites several times. I'm concerned with their equal height methods for my design style.. (see image below) I used two div boxes, one inside the other, to give it that cool border with different color on the inside.. ... for some reason IE is being stupid, per usual, and deciding it wants to adjust the spacing between the columns.. for some odd reason... i dunno why... so i figured a background image might not be the way to go... i've included the same content in both columns.. just for typesetting purposes..

http://img45.imageshack.us/img45/7158/equalup5.jpg

Papa
12-13-2007, 08:21 PM
Bumppppppppppppppppp

Papa
12-14-2007, 01:35 AM
even with the layout for "what we do" and "recent news" columns.. would you all suggest that I still use the repeat image variable to get equal length columns?

Papa
12-14-2007, 08:29 PM
i guess no one knows



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum