2010-06-04 19 views
20

Mam DIV o stałej szerokości, który chcę pozostać u dołu okna przeglądarki przeglądarki.Jak zakotwiczyć DIV na dole strony?

Niestety, nie mam pojęcia, gdzie mógłbym zacząć próbować wprowadzić to w życie.

Oczywiście pierwszą rzeczą jest ustawienie position na fixed. Ale poza tym ... nie ma pojęcia.

+3

dobry sposób, aby sprawdzić, na ten rodzaj rzeczy jest zainstalowanie Firebug (na Firefox) i sprawdź stronę, która wykorzystuje efekt, który próbujesz osiągnąć. – Frankie

Odpowiedz

17
#mydiv{ 
    position: fixed; 
    bottom: 0px; 
} 
+0

Powinieneś zajrzeć do opublikowanego przeze mnie łącza. Są potrzebne poprawki dla IE i Opery. –

25

Zobacz na CSS sztuczki:

Fixed Footer

CSS:

#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'); 
} 
+0

Jest to dobre rozwiązanie dla osób, które faworyzują) nowoczesne przeglądarki i 2) bez niepotrzebnych zależności bibliotek (cssstickyfooter.com) – g33kz0r

+0

Stopka z wyrażeniem jest ustawiona u dołu podczas ładowania, ale przewija się ze stroną –

Powiązane problemy