Posted By

digitalzoomstudio on 08/11/11


Tagged

css float layout percent


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

spee66


CSS Layouts - Percent Based


 / Published in: CSS
 

URL: http://digitalzoomstudio.net

  1. .one_half{ width:48%; }
  2. .one_third{ width:30.66%; }
  3. .two_third{ width:65.33%; }
  4. .one_fourth{ width:22%; }
  5. .three_fourth{ width:74%; }
  6. .one_fifth{ width:16.8%; }
  7. .two_fifth{ width:37.6%; }
  8. .three_fifth{ width:58.4%; }
  9. .four_fifth{ width:67.2%; }
  10. .one_sixth{ width:13.33%; }
  11. .five_sixth{ width:82.67%; }
  12. .one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
  13. .last{ margin-right:0 !important; clear:right; }
  14. .clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

Report this snippet  

You need to login to post a comment.