Css wyrównanie do dolnej krawędzi strony

Question

Chcę, aby moja stopka zawsze znajdowała się na dole i przesuwać, aby dopasować ją do rozmiaru zawartości strony. W tej chwili mam dynamiczną cotent, która obejmuje stopkę, ponieważ ma dużo treści.

Jak mogę naprawić mój css

div#Footer 
    { 
     width: 100%; 
     height: 80px; 
     padding: 1px; 
     -moz-border-radius: 35px; 
     border-radius: 35px; 
     background-color: Black; 
     color: #ffffff; 
     position: fixed; 
     bottom: 0; 
     text-align: center; 
     margin-left: auto; 
     margin-right: auto; 
    } 

Answer 1

To pytanie zostało zadane niezliczoną ilość razy, szukasz lepkiej stopki.
Po prostu podążaj za odnośnikiem, jest to dobrze znana technika i oferują tam cały kod źródłowy.

Answer 2

trzeba pisać więcej HTML/CSS będzie pozytywny, co się tutaj dzieje, ale brzmi to jak Twój stopka jest objęte swojej stronie treści. W takim przypadku ustawienie wskaźnika Z na stopce prawdopodobnie rozwiąże problem.

z-index: 1000; 

Można również zazwyczaj klasyfikowane według upewniając się, że stopka pojawia się na końcu kodu HTML, jako elementy oświadczył później pojawiają się na górze poprzednich.

Answer 3

To trochę niejasne, co chcesz, ale ten kod działa dobrze dla mnie.

kredytowa - http://css-tricks.com/snippets/css/fixed-footer/

#footer { 
position:fixed; 
    left:0px; 
    bottom:0px; 
    height:30px; 
    width:100%; 
    background:#999; 
} 

/* IE 6 */ 
* html #footer { 
    position:absolute; 
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); 
} 

Answer 4

Jest to prostsze rozwiązanie.

#footer { 
    bottom: 0%; 
    position: fixed; 
}