footer_css02 - debuneko333 @ ウィキ

   1. html, body {  
   2.     height: 100%;               /* ① */  
   3.     margin: 0;  
   4.     padding: 0;  
   5.     text-align: center;  
   6. }  
   7. #container {  
   8.     min-height: 100%;           /* ② */  
   9.     height: auto !important;    /* ③ */  
  10.     height: 100%;               /* ④ */  
  11.     position: relative;  
  12. }  
  13. #screen {  
  14.     width: 500px;  
  15.     margin: 0 auto;  
  16.     text-align: left;  
  17.     padding-bottom: 100px;  
  18. }  
  19. #header {  
  20.     height: 50px;  
  21. }  
  22. #menu {  
  23.     height: 30px;  
  24. }  
  25. #footer {  
  26.     height: 100px;  
  27.     width: 500px;               /* ⑤ */  
  28.     position: absolute;         /* ⑥ */  
  29.     bottom: 0;                  /* ⑦ */  
  30. }