fluid columns with css?

[Jarveye]

Hi guys, ive found a few topics onit, but not sure how to apply it to my site, apparently you can create 'fluid columns' which keeps all 3 columns the same size as the longest one using CSS.
i need to apply it to the 3 existing columns on my site.

i have this on my site in my 'global.css' file:

#page {
   width: 980px;
   margin: 0 auto 2px auto;
   text-align: left
}
h1#logo {
   float: left;
   width: 27%;
   margin-top: 0.5em
}
#header_right {
   float: left;
   margin-bottom: 15px;
   width: 73%;
   text-align: right
}
#left_column, #center_column, #right_column { float: left;}
#left_column {
   clear: left;
   width: 195px;
   margin-right:0px;
   background-color:#FFF;
   border-style:solid;
   border-width:5px;
   border-color:#FFF;
}
#center_column {
   width: 560px;
   margin: 0 0 30px 0;
   background-color:#FFF;
   border-style:solid;
   border-width:5px;
   border-color:#FFF;
}
#right_column {
   width: 195px;
   margin-left:0px;
   background-color: #FFF;
   overflow: hidden;
   border-style:solid;
   border-width:5px;
   border-color:#FFF;
}

Link to site

any help much appreciated!

p.s: if anyone can identify where int he global.css dictates the margin below the heder id appreciate it, as id like all that white to run together!

[rocky]

Have you tried following my advice here?

[Jarveye]

that applys to fluid widths, i need fluid heights which keep all 3 columns at the same height determined by the highest column

[Jarveye]

*bump*
still nowhere with this...

i founda javascript which i added to the head section of the header.tpl, which all i was supposed to do was edit the js file to name the 3 columns appropriately as in my CSS file, tried this to no avail.

theres quite a few tutorials on creating div containers which the 3 columns go within, this way i could simply colour the container background white and it should stretch to the size of the longest column. but im not sure how to modify my script like this

[rocky]

I usually get around this problem by using a background on the #page so that it looks like all the columns are the same height, even though they aren't.

[antonione77]

I explain how to fix this issue here. I also suggest to have a look at this my post of getresponse and optimizpress with keliweb