Posted By

michellebracken on 08/18/11


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite


Basic 3-column CSS layout (fixed width, centered, header and footer, sidebars on right and left of the content)

 / Published in: CSS

Expanding on the above 2-column layout is this common 3-column layout. Again the widths are arbitrary, but necessary. You can float the secondary div to the right if you prefer.

  1. 1 #wrapper {width:960px; margin:0 auto}
  2. 2 #primary {float:left; width:230px}
  3. 3 #content {float:left; width:500px}
  4. 4 #secondary {float:left; width:230px}
  5. 5 #footer {clear: both}

Report this snippet  

You need to login to post a comment.