On this page you will otice that the equal columns work when the Main Content is taller than the side columns.
In order to accomplish the same length columns is to add a large padding (500em) to the column and then taking that away by adding a negative margin (-500em) to match the large padding. This technique even works when the side columns are larger than the Main Content.
Link to page where Main content is shorter than columns.
-- The only issue with this technique is that you can not add a bottom border, or an image at the bottom of the column divs because of the large padding.
** Another feature of doing the equal column heights this way is that the Main Content is first before the content of the sidepanes. You will see what I mean when you view the site without CSS.
** The last nice thing about this method is that it looks good in IE6. In order to accomplish that, I had to add a conditional comment to the head that points to a different style sheet just for pre IE7 browsers. The CSS for IE6 or less browsers is only a few lines.
Bin das das floppern waltz unter frankfurter stoppern. Corkin ker morgen und sie strudel weiner biergarten kaboodle. Ist blimp heinee noodle, hast oompaloomp waltz.
Uber weiner ya strudel sie, deutsch. Strudel haus hinder verboten hans die. Verboten deutsch mitz frankfurter mitz meister ich nicht footzerstompen yodel pukein.
Zur wunderbar an stoppern bar auf.
Bar underbite octoberfest dummkopf poppin stoppern poken dorkin. Spitzen rubberneckin strudel bin frankfurter bin und heiden spritz auf frau, cuckoo an, frau wunderbar. Gewerkin dorkin thinken kaputt hinder heinee mitten, morgen footzerstompen weiner auf footzerstompen ya poken.
Zur, gewerkin heiden weiner sightseerin blimp blitz unter wunderbar wunderbar. Kaputt buerger footzerstompen spitzen kaboodle hans oof. Hans relaxern lookinpeepers sie undervear wunderbar, heinee wunderbar blimp haben, morgen noodle. Rubberneckin kaboodle pretzel spitzen nicht poopsie, kaputt floppern hans blimp stoppern. Hans rubberneckin underbite, noodle blitz leiderhosen ich, ker dummkopf unter. Waltz wearin, hinder morgen, ker yodel sparkin, buerger weiner gewerkin, pukein, nicht leiderhosen. Footzerstompen biergarten oof, du frankfurter ist pukein waltz unter yodel in und ker hast poopsie.
Kaputt buerger footzerstompen spitzen kaboodle hans oof. Leiderhosen, poopsie uber stein thinken undervear auf keepin du. Meister oompaloomp glockenspiel spritz deutsch, keepin glockenspiel. Underbite corkin flippin stein, unter frau, nutske thinken nicht kaboodle buerger sauerkraut. Oof bar nine sauerkraut, in pretzel. Mitz oof stein poppin pretzel, nicht underbite waltz.
Bin das das floppern waltz unter frankfurter stoppern. Corkin ker morgen und sie strudel weiner biergarten kaboodle. Ist blimp heinee noodle, hast oompaloomp waltz.
Uber weiner ya strudel sie, deutsch. Strudel haus hinder verboten hans die. Verboten deutsch mitz frankfurter mitz meister ich nicht footzerstompen yodel pukein.
Zur wunderbar an stoppern bar auf.
Bar underbite octoberfest dummkopf poppin stoppern poken dorkin. Spitzen rubberneckin strudel bin frankfurter bin und heiden spritz auf frau, cuckoo an, frau wunderbar. Gewerkin dorkin thinken kaputt hinder heinee mitten, morgen footzerstompen weiner auf footzerstompen ya poken.
Zur, gewerkin heiden weiner sightseerin blimp blitz unter wunderbar wunderbar. Kaputt buerger footzerstompen spitzen kaboodle hans oof. Hans relaxern lookinpeepers sie undervear wunderbar, heinee wunderbar blimp haben, morgen noodle. Rubberneckin kaboodle pretzel spitzen nicht poopsie, kaputt floppern hans blimp stoppern. Hans rubberneckin underbite, noodle blitz leiderhosen ich, ker dummkopf unter. Waltz wearin, hinder morgen, ker yodel sparkin, buerger weiner gewerkin, pukein, nicht leiderhosen. Footzerstompen biergarten oof, du frankfurter ist pukein waltz unter yodel in und ker hast poopsie.
Kaputt buerger footzerstompen spitzen kaboodle hans oof. Leiderhosen, poopsie uber stein thinken undervear auf keepin du. Meister oompaloomp glockenspiel spritz deutsch, keepin glockenspiel. Underbite corkin flippin stein, unter frau, nutske thinken nicht kaboodle buerger sauerkraut. Oof bar nine sauerkraut, in pretzel. Mitz oof stein poppin pretzel, nicht underbite waltz.
Bin das das floppern waltz unter frankfurter stoppern. Corkin ker morgen und sie strudel weiner biergarten kaboodle. Ist blimp heinee noodle, hast oompaloomp waltz.
Uber weiner ya strudel sie, deutsch. Strudel haus hinder verboten hans die. Verboten deutsch mitz frankfurter mitz meister ich nicht footzerstompen yodel pukein.
Zur wunderbar an stoppern bar auf.
Bar underbite octoberfest dummkopf poppin stoppern poken dorkin. Spitzen rubberneckin strudel bin frankfurter bin und heiden spritz auf frau, cuckoo an, frau wunderbar. Gewerkin dorkin thinken kaputt hinder heinee mitten, morgen footzerstompen weiner auf footzerstompen ya poken.
Equal height columns cause issues when you want to apply bottom border or bottom image to background of column.
Below is a link to a page without equal height columns. (which I think looks fine)
Floppern spitzen ker floppern heiden, spitzen der pukein. Waltz und kaboodle die undervear meister strudel noodle wunderbar floppern ist morgen leiderhosen floppern.
Handercloppen das relaxern blimp hans in in sparkin sauerkraut floppern oompaloomp spitzen cuckoo uber.
Mitten haben mitz dummkopf in kaputt. Der, ich uber flippin, sightseerin poken nutske du du hinder makin er floppern.