![]() |
![]() |
![]()
Post
#1
|
|
Grupa: Zarejestrowani Postów: 389 Pomógł: 69 Dołączył: 26.04.2010 Skąd: Łódź Ostrzeżenie: (0%) ![]() ![]() |
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:
ale gdy okno przegladarki ma wiekszy rozmiar niz 800x600 to reszta okna pozostaje wypelniona zwyklym tlem (np. kolorem czarnym) probowalem tez tak: To samo co z kodem wyzej (IMG:style_emoticons/default/sad.gif) Nastepnie zrobilem tak: 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 |
|
|
![]() |
![]()
Post
#2
|
|
Grupa: Zarejestrowani Postów: 1 748 Pomógł: 388 Dołączył: 21.08.2009 Skąd: Gdynia Ostrzeżenie: (0%) ![]() ![]() |
chamsko ucina z obu stron, przesuwa się ponieważ jest to tło diva a nie body, więc zmniejszając okno przeglądarki zmniejszasz diva, wtedy jego środek się przesuwa i dlatego obrazek też się przesuwa, gdyby było przypisane do body to by się nie przesuwało, poza tym jak sam zauważyłeś tło się przesuwa, ale nie zmniejsza
|
|
|
![]()
Post
#3
|
|
Grupa: Zarejestrowani Postów: 389 Pomógł: 69 Dołączył: 26.04.2010 Skąd: Łódź Ostrzeżenie: (0%) ![]() ![]() |
chamsko ucina z obu stron, przesuwa się ponieważ jest to tło diva a nie body, więc zmniejszając okno przeglądarki zmniejszasz diva, wtedy jego środek się przesuwa i dlatego obrazek też się przesuwa, gdyby było przypisane do body to by się nie przesuwało, poza tym jak sam zauważyłeś tło się przesuwa, ale nie zmniejsza Tak, racja, cos mi sie przewidzialo z tym dopasowywaniem, moze zmylilo mnie wlasnie to, ze ten obrazek przesuwa sie rowniez w lewo (IMG:style_emoticons/default/winksmiley.jpg) Dodalem do "background: url() no-repeat CENTER TOP FIXED" i mam taki sam efekt. Skoro takie strony zmuszone sa do "chamskiego ucinania", to wychodzi na to, ze innego sposobu nie ma, wiec musze zrobic tlo z m/w 1600px szerokosci, bo 800x600 to duzo za malo (IMG:style_emoticons/default/winksmiley.jpg) Dzieki Wam za pomoc, pokombinuje (IMG:style_emoticons/default/winksmiley.jpg) BTW. Jest jakis program (typu ieTester), badz strona, ktora miala by mozliwosc sprawdzenia wygladu strony, na roznych rozdzielczosciach? |
|
|
![]() ![]() |
![]() |
Aktualny czas: 10.10.2025 - 03:54 |