I am often asked how to create a tableless two column CSS layout so I thought I would just post it here for once and for all.
<div style="width:900px"> <div id="leftColumn" style="float:left; width:200px;"> Left sidebar with a width of 200 pixels </div> <div id="rightColumn" style="float:right; width:650px;"> Body content </div> <div style="clear:both"></div> <!-- Catches the shorter column up --> </div>
About the Author
While pursuing a Computer Science degree, I founded DaniWeb.com, an online community for developers and IT professionals. I coded the backend platform from the ground up and I also do all of the advertising sales and SEO. I'm a super-geeky programmer with a passion for Internet marketing.