[HTML][CSS]Wielkość footera Opcje

[Generic]

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/

[-Andrzej.W.-]

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:

Kod

<div id="container">
<div id="content"></div>
<div id="footer"></div>
</div>

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. (IMG:style_emoticons/default/smile.gif)

Ten post edytował Andrzej.W. 22.04.2013, 16:14:44