Nexus Theme fixed page layout


/ Published in: CSS
Save to your folder(s)

Nexus Theme fixed page layout


Copy this code and paste it in your HTML
  1. /* GENERIC TEMPLATE STYLING */
  2. .container { width: 960px; }
  3. .main { float: left; width: 652px; }
  4. .sidebar { float: right; width: 308px; }
  5.  
  6. .placeholder { border-right: 36px solid transparent; }
  7.  
  8. .one-fourth { width: 195px; }
  9. .one-third { width: 272px; }
  10. .one-half { width: 426px; }
  11. .two-third { width: 580px; }
  12. .one-whole { width: 888px; }
  13.  
  14. .main .one-fourth { width: 118px; }
  15. .main .one-third { width: 169px; }
  16. .main .one-half { width: 272px; }
  17. .main .two-third { width: 374px; }
  18. .main .one-whole { width: 580px; }
  19.  
  20. .sidebar .one-whole { width: 272px; } /* = 308 - 36 pixels */
  21.  
  22. /* IMAGES */
  23. .one-fourth img { width: 195px; }
  24. .one-third img { width: 272px; }
  25. .one-half img { width: 426px; }
  26. .two-third img { width: 580px; }
  27. .one-whole img { width: 888px; }
  28.  
  29. .main .one-fourth img { width: 118px; }
  30. .main .one-third img { width: 169px; }
  31. .main .one-half img { width: 272px; }
  32. .main .two-third img { width: 374px; }
  33. .main .one-whole img { width: 580px; }
  34.  
  35. .sidebar .one-whole img { width: 272px; }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.