Simple module css


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



Copy this code and paste it in your HTML
  1. .module {
  2. position: relative;
  3. }
  4.  
  5. .module-fg {
  6. position: relative;
  7. z-index: 20;
  8. }
  9.  
  10. .module-bg {
  11. height: 100%;
  12. left: 0;
  13. position: absolute;
  14. top: 0;
  15. width: 100%;
  16. z-index: 10;
  17. }
  18.  
  19. .module-bg-hd,
  20. .module-bg-ft {
  21. left: 0;
  22. position: absolute;
  23. width: 100%;
  24. }
  25.  
  26. .module-bg-hd {
  27. height: 10px;
  28. top: 0;
  29. }
  30.  
  31. .module-bg-ft {
  32. bottom: 0;
  33. height: 10px;
  34. }
  35.  
  36. /* IE6 compatibility nastiness */
  37.  
  38. * html .module {
  39. zoom: 1;
  40. }
  41.  
  42. * html .module-bg {
  43. height: expression(this.parentNode.clientHeight+'px');
  44. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.