Witam. Mam problem z wyświetlaniem footera na stronie. Chciałbym aby wyświetlało się tylko 50px czarnego pola, jednak wyświetla się o wiele więcej. Efekt ma być taki jak na stronie głównej www.facebook.com czyli na stronie pojawia się określona wielkość pola footera, a po zmniejszeniu strony te pole się powiększa. Poniżej w linku znajduje się kod. Z góry dziękuję i czekam na pomoc. Pozdrawiam.

http://jsfiddle.net/w8YEL/24/

A zamiast 100% nie możesz dać stałej wartości+ odpowiedni padding?

Jeśli dam stałą wartość pod footerem pojawi się dalszy fragment body i pojawi się pomarańczowe tło, a cały czas musi być czarne.

w tej konfiguracji, również masz takie zjawisko. Jeśli dasz pierwszą wysokość np. 700 , to blok footer zejdzie Ci całkiem na dół i nie przewiniesz niżej footera, wówczas możesz dać stałą wartość. Ponadto póki co nie mas zpoformatowanej tej strony.

Chodzi o tzw. 'sticky footer' ?

http://jsfiddle.net/VDrA9/

Sticky footer zawsze jest na dole, jednak gdy zmniejszam stronę zwiększa się tło body zamiast tło footera. Chodzi mi o taki efekt: http://zapodaj.net/images/b4d7cb9203e85.png

Andrzej footer zawsze ma być na dole. Na razie nie wrzucałem tego na stronę bo testuje to na jsfiddle.net.

Facebook ma coś chyba w tym stylu:

http://jsfiddle.net/Hba39/

Wszystko jest ok, tylko że wyświetla się w twoim kodzie o wiele więcej niż 50px.

@Generic, bo FB z tego co widzę ma tło ustawione na białe ( w tym przyadku mamy czarne ).

Przy zoom-out tło pozostaje białe (tzn. wszystko poza) - stopka ich jest też białym tle - więc daje taki efekt.

http://jsfiddle.net/ZGyLe/

Tak patrzę na tego facebooka i skłaniam się do podpowiedzi kolegi, wygląda to na grę kolorów, a stopka nie jest opatrzona jakąś nadzwyczajną formułą. Ale chętnie się dowiem, jeśli jest tam jakaś nieznana mi opcja.
Pozdrawiam.
Andrzej.

Co więc dzieje się z tym footerem podczas zmniejszania strony? Czy on też idzie w górę? W ogóle to taki przekombinowany sposób jest poprawny i może być?

@Generic nie jest żaden przekombinowany sposób - tylko zwykły :-)

JAk na mój gust, nie zagłębiałem się w to zbyt, to taki efekt(pod warunkiem, że nie dasz border-bottom), można osiągnąć zamykając i footera i sekcję powyżej niego, w np. jedynm divie:


Dając jednakowe tło dla "container" i "footer", inne dla "content" osiągniesz dokładnie taki rezultat. A przy szerokości na całą stronę, body w ogóle sie nie pojawi.
Tylko musisz odpowiednio dobrać wysokość container. Natomiast jeśli dasz border-bottom dla footera, to będzie widniał jako osobny element i się ich tła nie "zleją". Jeśli chcesz tylko osiągnąć taką widoczność, to sprawę tak załatwisz. I jest to poprawne. Tym samym możesz na trwałe ustalić "height" "footera", po jego zapełnieniu wartością, razem z paddingiem np.