+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] Dwa tła - top i bottom. (/thread-css-dwa-tla-top-i-bottom)
Strony:
1
2
[CSS] Dwa tła - top i bottom. - Pogromca - 09-09-2010
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:
Cytat:/*
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.
RE: [CSS] Dwa tła - top i bottom. - Pedro84 - 09-09-2010
Wystarczy dodać do footera jakiś kontener na 100% szerokości.
RE: [CSS] Dwa tła - top i bottom. - Pogromca - 10-09-2010
Cytat:.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.
RE: [CSS] Dwa tła - top i bottom. - Pedro84 - 10-09-2010
Eh... Kontener ma być elementem nadrzędnym wobec footera i tylko jemu musisz nadać tło, które możesz usunąć z footera
RE: [CSS] Dwa tła - top i bottom. - Pogromca - 10-09-2010
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?
RE: [CSS] Dwa tła - top i bottom. - Pedro84 - 10-09-2010
Przecież masz wytłumaczone.
Kod:
<div id="footer-container">
<div id="footer">
</div>
</div>RE: [CSS] Dwa tła - top i bottom. - Pogromca - 10-09-2010
Poza tym ze zmienil sie styl tekstu stopki, nic.
RE: [CSS] Dwa tła - top i bottom. - Pedro84 - 10-09-2010
Co to znaczy nic? Dostosowałeś to do swojego kodu?
RE: [CSS] Dwa tła - top i bottom. - Pogromca - 10-09-2010
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?
RE: [CSS] Dwa tła - top i bottom. - Pedro84 - 10-09-2010
Jak zaktualizować CSS?
1. Nie widzę wysokości ustalonej.
2. Możesz dodaj do kontenera overflow:hidden skoro masz element z float?