BuddyPress.org

An exemple of something you can use

<div id="bigcontent">



<div class="container">

<div class="contenido">



content col 1



</div>

</div>



<div class="container">

<div class="contenido">



content col 2



</div>

</div>



<div class="container">

<div class="contenido">



content col 2



</div> <!-- end  contenido -->

</div> <!-- end  container -->



</div> <!-- end  big content -->



style



#bigcontent {

width: % or px, depends on what you want to have. It's a fixed block (a kind of basket) in the main page or the page itself...

}



div.container { <!-- the place holder div - only used for positionning the cols -->

float:left;

width:350px;

height: depends if you want an elastic height or a fixed one. Would be "auto" for elastic height

padding: 8px 4px 8px 4px;

}



div.contenido { <!-- the content styler: colors, fonts, text alignment... -->

background-color: ****

font-style: ****

font-size: ****

border: 1px solid #555;

etc

}

More here:

fr_FR: http://www.alsacreations.com/tuto/lire/588-design-trois-colonnes-positionnement-flottant.html

us_EN: http://matthewjamestaylor.com/blog/perfect-3-column.htm