Strona jest tutaj:

http://www.cottonbrewing.com/members

W porządku, jeśli treść nie wymaga przewijania strony.

CSS:

#footer {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin: 0 auto;
    font-size: 12px;
    font-weight: normal;
    clear:both;
    padding: 10px 0px 10px 0px;
    text-align: center;
}

Edycja 1: muszę również upewnić się, że stopka jest na samym dole, jeśli zawartość jest niewielka, tak jak tutaj: http ://www.cottonbrewing.com/ że stopka jest na dole.

0
ParoX 4 marzec 2012, 00:41

2 odpowiedzi

Najlepsza odpowiedź

Zmień position:absolute; na position:relative;

Dodawanie

W odpowiedzi na komentarz postępuj zgodnie z poniższymi wskazówkami dotyczącymi „przyklejonej stopki”:

Ciało

body
{
  height:100%;
}

Twój kontener div:

#container
{
  min-height: 100%;
  position: relative;
}

Twoja stopka div:

#footer
{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px; /* can be changed, along with padding */
}
0
Evan Mulawski 4 marzec 2012, 01:01

Usuń bottom:0; i zmień pozycję na względną.

0
modernw 26 czerwiec 2012, 20:19