[CSS] Dwa tła - top i bottom.

[Pogromca]

Witam, obszukałem dziś cały internet w poszukiwaniu rozwiązania na mój problem, ale niestety - nic nie zadziałało. A sposobów było wiele, i niektórym nawet pomagały - mnie niestety nie. Ale do rzeczy.

Robię właśnie szablon na Joggera, i chcę zrobić dwie belki (backgroundy) - na górze, i na dole. Link:

http://warto.jogger.pl

Jak widać, na górze jest wszystko OK. Jednak na dole moja belka jest zbyt wąska, ponieważ obejmuje tylko obszar footer, który nie jest szeroki na całą stronę (w headerze podobnie - na górze mam dwa tła, jedno w body dzięki czemu belka biegnie przez całą szerokość strony, drugą w divie dzieki czemu belka biegnie przez środek obok logo).

Jak mam zrobić, aby dolną belkę w postaci tła przeprowadzić przez całą szerokość strony? Próbowałem robić background dla html i dla body osobno, jednak w moim przypadku to nie działa. Mój CSS:

/*
Theme Name: Fervens C
Theme URI: http://designdisease.com/
Description: A light and colorfull three column theme. Designed by <a href="http://designdisease.com">Design Disease</a> for <a href="http://smashingmagazine.com">Smashing Magazine</a>. <br> This work is licensed <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a> This means you may use it, and make any changes you like, just leave the credits link under your footer.
Version: 1.1
Author: Design Disease.
Author URI: http://designdisease.com/
Tags: green, orange, blue, three columns, fixed width
*/

Proszę o pomoc bo ten problem trzyma mnie już 3 dni.

[Pedro84]

Wystarczy dodać do footera jakiś kontener na 100% szerokości.

[Pogromca]

.footer { width: 960px; padding: 20px 0px; float: left; background: url(footr.PNG); }
.footer #kontener { background: url(footr.PNG) repeat-x bottom; width: 100%; margin: 0px; padding: 0px; }

Dobrze? Nic to nie daje, dalej jest szerokie tylko na cały footer, a nie na całą stronę. Warto dodac ze w footerze ma byc inny img niz poza nim - przez to przedluzenie bialego pola wpisow.

[Pedro84]

Eh... Kontener ma być elementem nadrzędnym wobec footera i tylko jemu musisz nadać tło, które możesz usunąć z footera

[Pogromca]

moge najpierw usunąc z footera, by zaraz nadac footerowi jeszcze jeden background? Sprobuje, zaraz napisze jaki efekt.
Mozesz mi pokacac kod jak najlepiej powinienem to zrobic?

[Pedro84]

Przecież masz wytłumaczone.

Kod:

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

[Pogromca]

Poza tym ze zmienil sie styl tekstu stopki, nic.

[Pedro84]

Co to znaczy nic? Dostosowałeś to do swojego kodu?

[Pogromca]

Tak.

Kod:

#kontener { background: url(footr.PNG) repeat-x bottom; width: 100%; margin: 0px; }

Kod:

<div id="kontener"><div class="footer">blabla
    </div><div>

Niektorzy robia tak, ze robia dwa tla - w html i body. Tyle ze u mnie sie to nie sprawdza. Moze to byc wina wersji cssa? Jesli tak, to moge go jak(os) zaktualizowac?

[Pedro84]

Jak zaktualizować CSS?

1. Nie widzę wysokości ustalonej.
2. Możesz dodaj do kontenera overflow:hidden skoro masz element z float?