Problem z implementacją CSS Sticky Footer

Question

Jul 10, 2009, 11:29 PM

Problem z implementacją CSS Sticky Footer

Mam pewne problemy z uruchomieniem Sticky Footer na mojej stronie. Jeśli zawartość jest mniejsza niż okno, stopka powinna pozostać na dole okna, a martwa przestrzeń powinna być wypełniona div. Myślę żeCSS Sticky Footer robi to, ale nie mogę dostać „push div”, aby pracować przesuwać zawartość w dół. Jak widzisz, mój kod nie jest tylko stopką.

<body>
  <div id="banner-bg">
    <div id="wrapper">
      <div id="header-bg">
        <!-- header stuff -->
      </div> <!-- end header-bg -->
      <div id="content-bg">
        <div id="content">
          <!-- content stuff -->
        </div> <!-- end content -->
      </div> <!-- end content-bg -->
    </div> <!-- end wrapper -->
  </div> <!-- end banner-bg -->
</body>

body { 
    color:              #00FFFF;
    background-image:   url("Images/img.gif");
    font-size:          1em;
    font-weight:        normal;
    font-family:        verdana;
    text-align:         center;
    padding:            0;
    margin:             0;
}

#banner-bg {
    width:              100%;
    height:             9em;
    background-image:   url("Images/img2.gif"); background-repeat: repeat-x;
    position: absolute; top: 0;
}

#wrapper {
    width:              84em;
    margin-left:        auto; 
    margin-right:       auto;
}

#header-bg {
    height:             16em;
    background-image:   url("Images/header/header-bg.png"); 
}

#content-bg {
    background-image:   url("Images/img3.png"); background-repeat: repeat-y;
}

#content {
    margin-right:       2em; 
    margin-left:        2em;
}

Jestem zdezorientowany tym, gdzie kod CSS Sticky Footer powinien pójść w moim przypadku.

Edytuj, heres, co mam i co chcę zrobić:alt tekst http://bayimg.com/image/gacniaacf.jpg