Advanced Search

Nexus Theme fixed page layout

/ Published in: CSS
Save to your folder(s)
Nexus Theme fixed page layout

Expand | Embed | Plain Text

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.