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.
Two column CSS layout
<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>
gach94
0
Newbie Poster
ODCHOI
0
Newbie Poster
holmes008
0
Light Poster
monem
0
Newbie Poster
sunil8986
-7
Newbie Poster
silveraden
0
Junior Poster in Training
kamaldin27
0
Newbie Poster
MidiMagic
579
Nearly a Senior Poster
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.