Best Way to do Columns in HTML/CSS

Question

I\'m looking for a way to display 3 columns of content. I\'ve found a way to display wrap-around columns, but I don\'t want that for this page. I\'m looking for a way to say

Answer 1

In addition to the 3 floated column structure (which I would suggest as well), you have to insert a clearfix to prevent layoutproblems with elements after the columncontainer (keep the columncontainer in the flow, so to speak...).

<div id="contentBox" class="clearfix">
....
</div>

CSS:

.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }