[HTML]Zdjecie jako tlo strony. Problem, Jak zrobic, zeby zdjecie (tlo) zawsze pokrywalo cala objetosc okna? Opcje

[kapuch]

Jak zrobic tlo strony, ktore ma byc zdjeciem 800x600px (nie deseniem), ktore sie nie powtarza, a mimo tego pokrywa cale obszar okna przegladarki, bez wzgledu na rozdzielczosc.
Wydaje mi sie ze gdzies juz taka strone widzialem, niestety teraz trudno mi ja znalesc :/
Probowalem tak:

[HTML] pobierz, plaintext 
body {
 background: url(tlo800x600.jpg) no-repeat;
}
[HTML] pobierz, plaintext 

ale gdy okno przegladarki ma wiekszy rozmiar niz 800x600 to reszta okna pozostaje wypelniona zwyklym tlem (np. kolorem czarnym)

probowalem tez tak:

[HTML] pobierz, plaintext 
<style type="text/css">
#tlo {
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background: url(tlo800x600.jpg) no-repeat;
}
</style>
<div id="tlo"></div>
[HTML] pobierz, plaintext 

To samo co z kodem wyzej (IMG:style_emoticons/default/sad.gif)

Nastepnie zrobilem tak:

[HTML] pobierz, plaintext 
<style type="text/css">
#tlo {
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
}
</style>
<div id="tlo">
 <img src="tlo800x600.jpg" border="0" width="100%" height="100%" />
</div>
[HTML] pobierz, plaintext 

I tu juz efekt jest moim zdaniem najlepszy, poniewaz zdjecie samo dopasowuje sie do rozmiaru okna, ale przy rozdzielczosciach panoramicznych zdjecie jest nieproporcionalne i psuje caly efekt.
Dodatkowo ma to tez swoje inne wady i nie o to mi do konca chodzi.
Macie swoje sposoby, aby takie tlo zrobic i zeby nie bylo dennego powtarzania sie obrazka, lub dennego jednobarwnego tla, gdy obraz sie "skonczy"?

EDYTA:
Ok znalazlem strone, ktora ma takie tlo: http://co.91.com/index/
Nie jest to ta strona, ktora pamietam, ale moze takze posluzyc jako przyklad (IMG:style_emoticons/default/smile.gif)

EDYTA DWA:
Sprawdzilem ta strone IeTesterem i to tlo pozostaje nieruchome w IE7 i IE8, a 5 i 6 przewija zawartosc strony razem z tlem, jak to jest rozwiazane?

Ten post edytował kapuch 8.05.2010, 17:17:55

[tehaha]

na tej stronie co wskazałeś tło się nie powtarza ani nie dopasowuje do okna, jest tam po prostu duży obrazek
http://images.91.com/co/img/festival/allbg_100504.jpg
http://images.91.com/co/index/100108/top_100401_1.png
o szerokości 1680px, odradzam Ci próbowania sposobu w którym obrazek sam się rozciąga bo na jednej rozdzielczości będzie to dobrze wyglądać a na drugiej beznadziejnie

tu masz css do tego tła:

[HTML] pobierz, plaintext 
.full_bg { width: 100%;background: url(http://images.91.com/co/index/100108/allbg.jpg) no-repeat center top fixed;}
[HTML] pobierz, plaintext 

być może ten atrybut fixed nadaje taki efekt, ale nie wiem na pewno bo nie robiłem takiego ruchomego tła

Ten post edytował tehaha 8.05.2010, 17:20:49

[kapuch]

na tej stronie co wskazałeś tło się nie powtarza ani nie dopasowuje do okna, jest tam po prostu duży obrazek

No wlasnie ta strona dopasowuje ten obrazek do rozdzielczosci, bo jesli by tak nie robila, to bym nie widzial calego obrazka, a widze (tyle ze nieco zmniejszony, ale nie uciety).

Zreszta juz sam nie wiem, ma ktos rozdzialke powyzej 1600px width? Bo jestem ciekawy co sie stanie, czy tlo zacznie sie powtarzac, czy tez zostanie wypelnione kolorem tla, a moze w jakis cudowny sposob obrazek wypelni caly obszar (IMG:style_emoticons/default/smile.gif)


Ten post edytował kapuch 8.05.2010, 17:25:48