Stopka zawsze na samym dole strony niezależnie od rozdzielczości z pomocą CSS
Jeśli chcesz żeby stopka strony była zawsze przyklejona do dołu i jesteś jednym z tych, którzy uważają że tabelki są do prezentowania danych a nie tworzenia struktury strony, to pokażę Ci jak to osiągnąć dzięki CSS-owi.
Zasada jest prosta. Dajemy 100% dla strony, body i naszego głównego kontenera. Ustalamy wysokość stopki, a następnie odejmujemy tę wartość od dolnego marginesu naszego głównego kontenera. Trzeba jeszcze dodać jakiś pusty kontener który wypchnie nam zawartość strony na wysokość stopki. Robi się to po to aby w momencie jak wypełnimy stronę treścią, stopka nie nachodziła na nią. W końcu odjeliśmy ten margines więc “weszliśmy” na teren jakiegoś innego kontenera.
To tyle w mowie. W praktyce wygląda to tak.
Tworzymy sobie strukturę dokumentu mniej więcej jak pokazana poniżej:
I oczywiście w CSS-ie muszą znaleźć się poniższe deklaracje:
* {
margin: 0px 0px;
padding: 0px 0px;
}
html, body {
height: 100%;
text-align:center;
}
#container{
min-height: 100%;
height: auto !important;
height: 100%;
margin-bottom:-29px; /* - height of footer */
}
#footer, #push {
clear:both;
height:29px;
}
I właściwie to wszystko. Należy tylko pamiętać, że wysokość stopki, pusha i odejmowany margines muszą mieć tę samą wartość.
Żywy przykład przyklejonej stopki do dołu
Fajna podpowiedź, skorzystałam, dzięki wielkie!
ok dzięki bardzo za pomoc :)
guziior. Masz nadane div#zawartosc i div#content i div#zawartosc mają nadane min-height:100%; usuń to i zacznie działać. Nadając wewnętrznym kontenerom minimalną wysokość rozciągasz ten div. Na wszelki wypadek możesz jeszcze dać dla div#zawartosc clear:both; i powinno działać.
oczywiści ultra.xaa.pl tylko w operze tak jest na podstronach
guziior. co to znaczy, że jest za bardzo rozciągnięte? Możesz pokazać jakiś przykład? Bo sprawdzam, swoje strony, które z tego korzystają i nie widzę żadnego problemu na Operze. Podaj jakiś przykład to zobaczę o co chodzi.
jakiś fix dla Opery, bo mam lekki problem, ogólnie kod działa wyśmienici tylkoe w operze na niektórych podstronach jest jakby za bardzo rozciągniete