Posted By

mafro on 04/13/07


Tagged

template


Versions (?)

Who likes this?

2 people have marked this snippet as a favorite

basicmagic
3polars


CSS for Strict HTML Basic Template


 / Published in: CSS
 

CSS to create header/footer/2 column layout with basic template

  1. #container {
  2. width:750px;
  3. margin: 0 auto;
  4.  
  5. position: relative;
  6. min-height: 100%;
  7. }
  8.  
  9.  
  10. #header {height:60px; border-bottom:1px solid #B8B8B8; }
  11. .left {width:150px; float:left; height:400px; border-right:1px dashed #BDBDBD; }
  12. .right {width:570px; float:right; padding:10px; }
  13.  
  14.  
  15. #clearer {padding-bottom:50px; clear:both; visibility:hidden; }
  16.  
  17. #foot {position:absolute; width:740px; height:30px;
  18. color:white; background:#324A5C;
  19. bottom:0px;
  20. line-height:30px;
  21. padding-left:1em; }

Report this snippet  

You need to login to post a comment.