Advanced Search

Simple module css

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

Expand | Embed | Plain Text

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.