Posted By

willem on 05/16/11


Tagged

css simple layout grid 960


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

spee66


Simple Grid


 / Published in: CSS
 

  1. /*-----------------------------------------------------------------------
  2.  
  3.   Simple Grid
  4.  
  5. -------------------------------------------------------------------------*/
  6.  
  7. .full ,
  8. .one_half,
  9. .one_third, .two_thirds,
  10. .one_fourth, .two_fourths, .three_fourths,
  11. .one_fifth, .two_fifths, .three_fifths, .four_fifths,
  12. .one_sixth, .three_sixths, .five_sixths {
  13. display: inline;
  14. float: left;
  15. margin-left: 10px;
  16. margin-right: 10px;
  17. position: relative;
  18. margin-bottom: 20px;
  19. }
  20.  
  21. .full { width: 940px; }
  22. .one_half { width: 460px; }
  23. .one_third { width: 300px; }
  24. .two_thirds { width: 620px; }
  25. .one_fourth { width: 220px; }
  26. .three_fourths { width: 700px; }
  27. .one_fifth { width: 172px; }
  28. .two_fifths { width: 364px; }
  29. .three_fifths { width: 556px; }
  30. .four_fifths { width: 748px; }
  31. .one_sixth { width: 140px; }
  32. .three_sixths { width: 460px; }
  33. .five_sixths { width: 720px; }

Report this snippet  

You need to login to post a comment.