+- 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: dwa tła na całą szerokość strony (/thread-dwa-tla-na-cala-szeroko%C5%9Bc-strony)
dwa tła na całą szerokość strony - pacior - 29-07-2010
Witam, w body mam background do tla ktore ma wysokosc 700px
pod tym mam ustawiony kolor tla i tam dlugosc jest zmienna w zaleznosci od ilosci tekstu w newsie.
Ponizej znajduje sie stopka i tam juz na cala szerokosc strony chcialem wstawic drugie tlo.
Jak to zrobic, bez podawania szerokosci w divie?
Kod:
<body>
<div id="footer">
</div>
</body>Kod:
body {
background: url('images/bg_gora.jpg') repeat-x;
}
#footer {
background: url('images/bg_footer.jpg') repeat-x;
}RE: dwa tła na całą szerokość strony - Engine - 29-07-2010
No wstawiasz tło bez podawania szerokości. Napisz coś więcej bo nie kumam.
RE: dwa tła na całą szerokość strony - Kartofelek - 30-07-2010
Hmm ujemne marginesy?
Bez dodatkowego diva w którym umieścisz content raczej nie przejdzie.
Zresztą takie działanie jest nieprawidłowe.
RE: dwa tła na całą szerokość strony - pacior - 30-07-2010
Wstawilem tlo bez podawania szerokosci i dziala. jeszcze musze ustawic paddingi i marginesy ale to juz dalsza czesc. Dzieki za szybka odpowiedz.
pozdrawiam
RE: dwa tła na całą szerokość strony - Kartofelek - 30-07-2010
ok. Wstawiasz tekst do body. To sie ceni.
ustawiasz np dla tla background - dobrze.
A co z footerem 100%? Skoro body ma powiedzmy padding:0 200px; to footer bedzie mial margin:0 -200px;
ale to nie rozwiaze problemu, bo musisz zastosowac odpowiednio position jeżeli chcesz na dole.
Po za tym sam tekst powinien być w czymś. Np w P czy jakimś elemencie zawierajacym.
Ogólnie wydaje mi się, że to utrodnianie sobie prostej sprrawy.
O wiele lepiej:
<body> <- TLO
<div id="content"> <- tekst bez width z marginesami: 0 Xpx
tekst
</div>
<div id="footer"></div> <- stopa bez marginesów ;] (clear:both; + bajery}
</div>
Nie ma żadnych udziwnień w ujemnymi marginesami itp. Nie chodzi o to, że się nie da. Da się. Tylko lepiej nie wydziwiać i stosować przyjęte techniki.
RE: dwa tła na całą szerokość strony - pacior - 30-07-2010
poprawnosc rozwiazania tego problemu jak zwykle tkwi w prostocie
