Powtarzanie się tła przy przewijaniu strony

irytek05

Zdaje się, ze tylko ja mam problemy Wink

Ha, trudno, zastanawiam się jak to opisac. W jednym z szablonów jakiś czas temu zrobionym, jako tło w body wstawiłam plik graficzny. Jest to pasek gradientu. Pasek ten powinien sie powtarzać w poziomie i jako że rozjaśnia się ku dołowi dopisałam do kodu kolor biały, wyglada to tak.
background { #fff url(/resource/nazwa.pliku) repeat-x top left fixed; Wpisałam fixed, aby tło się nie przewijało.
Wyobrażałam sobie, że osoby z większą rozdzielczością mają szersze boki i więcej białego koloru jako tła. Wczoraj skorzystałam z urządzenia, które pokazuje szablon w innych rozdzielczościach i innych przeglądarkach. To był dla mnie szok. Gradient, tworzący pewną płaszczyznę powiela się nie tylko poziomo, ale i pionowo. Wygląda to okropnie. Mam pasy: ciemny - biały, ciemny - biały, tak na przemian. Dlaczego on mi się powiela? Przecież kolor powienien być tylko u góry przeglądarki, potem jedynie biel. Usunęłam fixed, ale już nie mogłam sprawdzić wyglądu, bo wyczerpałam limit. Co zrobiłam źle? Przyznam, że chciałam sprawdzić jak to jest u Taishy w szablonie z kiwi. Taisha, tobie się nie powiela, ale nie wiem dlaczego Sad

finetka

a mialaś zamknięty nawias {},
bo u mnie ostanio przy tych poprawkach po doklejeniu znaczka, czasem zdarzało się zapomnieć zamknąć nawias.

pineska40

Potwierdzam. U mnie tez cuda wianki wychodzily dopoki nie znalazlam definicji w CSSie bez zamykajacego nawiasu.

irytek05

Oczywiście, że mam wszystkie nawiasy. Ten szablon, to ten z aparatem fotograficznym. Ludzie go pobrali, u mnie on dobrze wygląda, ale na większej rozdzielczości, na wyższym monitorze widać, że się tło powtarza, a nie powinno.

finetka

to nie wiem, a ktorych tak źle widać?

u mnie /przy dużej rozdzielczości widać tak:[link widoczny dla zalogowanych]

irytek05

Finetko, to o ten szablon mi chodziło. Teraz tło dobrze się układa, nie ma powrórzeń, ale to po tym jak zlikwidowałam fixed. Tło będzie się przesuwać. Nie wiem, dlaczego jest taka zależność, ale jest.

finetka

ważne, że już jest dobrze Smile

taisha

jestem praktykiem nie teoretykiem i nie potrafię postawić diagnozy, nie widząc pacjenta Wink

szczególnie kiedy jest już "wyleczony" odgadnięcie na co "chorował" jest praktycznie niemożliwe Wink

Wystarczy jeden znaczek nie taki i wszystko się potrafi posypać, dwukropek zamiast średnika na przykład albo zwykły nawias zamiast klamerki, albo inny jakiś duperel, którego człowiek nie widzi, chociaż wpatruje się sto tysięcy razy.

Jeśli chodzi o szablon kiwi, to tam uprościłam sobie zadanie i gradient ma wymiary 1x4000 pikseli, kawałek jest zielony, a potem ma bardzo długi biały ogon. To wyjaśnia czemu tło się nie powtarza Wink

rzecz jasna jeśli ktoś wydłuży bloga na ponad 4000 pikseli to się powtórzy, jak zobaczę coś takiego, to zacznę robić gradienty na 8000 Very Happy

to tylko 4kB więcej, niewielka różnica Smile

Co do problemów, to zapewne wszyscy je mają, tylko nie każdy ma chęć drążyć temat, by zrozumieć dlaczego dzieje się tak a nie inaczej. Dociekliwość to wielka zaleta. A Twoje pytania są bardzo ciekawe i dają wiele do myślenia. Próbując na nie odpowiadać, sporo się można nauczyć. Dlatego bardzo je sobie cenię Smile

irytek05

Taisha, ja czasami mam dużo pytań, ale staram się ograniczać Wink

Ale powracając do tego szablonu [link widoczny dla zalogowanych] to jednak nie chodziło o brak przecinka czy innego drobiazgu, bo gdy usunęłam w body fixed, tło na zrzutach już się nie powtarzało. Wcześniej byłam przekonana, że jeśli tło będzie nieruchome, a stanowi je gradient, to na większych ekranach pokaże się dalsze tło czyli biel, a tu niespodzianka! Powielał się gradient i to dosyć często, bo nie wiem jak można zrobić plik graficzny o długości np. 2000px jesli mój ekran ma ok. 700px. Nie wiem jak to wygląda technicznie w programie graficznym. Nie chodzi nawet o gradient, ale o jakikolwiek element tak dużej wielkości.

taisha

W programie graficznym można zrobić dowolnie duży element, wielkość monitora go nie ogranicza, najwyżej nie zobaczysz obrazka w całości, chyba że w zmniejszeniu. Jedyne ograniczenie to wydajność procesora i pamięć RAM, ale przy elementach o szerokości 1 piksela to nie ma znaczenia, bo one mało ważą.
Nie wpisywałam nigdy tych poleceń razem, to znaczy fixed i repeat i jeszcze do tego top left, ale na zdrowy rozum, to wydaje mi się, że one się jakoś wykluczają. To znaczy albo top left i fixed albo repeat-x. W przypadku gradientu, który ma się powtarzać w poziomie, wpisałabym tylko repeat-x i nic więcej.
A co to było za urządzenie? Jaka przeglądarka? I jaka rozdzielczość ekranu? Bo może być też i tak, że to "coś" symulując widok strony w różnych przeglądarkach i rozdzielczościach popełnia jakiś błąd w odczycie. Zdarzyło mi się tak kiedyś z browsershots, że pokazywał mi w IE powielające się tło. Kiedy sprawdzałam sama na różnych komputerach, przeglądarkach i rozdzielczościach wszystko było ok i nic się nie powielało. Pewnie poprawność odczytu takich symulatorów zależy od tego, co im zaprogramowano i jak każdy program komputerowy mogą popełniać błędy.

irytek05

Taisha, nie wyczuwam tego i to mnie martwi, bo do tej pory fixed nie wiązał mi się z kierunkiem ustawienia grafiki, lecz z jej ruchawością. Albo sie przesuwa wraz z treścią strony, albo tkwi w miejscu i treść się po niej przesuwa. Do repeat-x dopisywałam top, bo przecież mógłby byc bottom, mógłby obrazek powtarzać się na dole ekranu. Jeśli tego nie zaznaczę, to skąd przeglądarka będzie wiedzieć, no chyba, że top left, to jest domyślne ustawienie i jesli chodzi nam o góre ekranu, to rzeczywiście wtedy byłoby zbędne. Taisha, w Twoim szablonie (ten z kiwi) nie wpisałaś w kodzie po pliku żadnych wskazówek co do powtarzania lub umiejscowienia. Skorzystałaś z domyślnych ustawień przeglądarki dzięki temu, że grafika ma ogromną wysokość, a moze już długość Wink

, gdyby była mniejsza efekt na ekranie byłb inny:)

taisha

irytek05

Taisha, to właśnie jest najgorsze i to mnie męczy, że poprawiło się , a ja nie znam przyczyny. Może mi się znów taka sytuacja powtórzyć i nawet nie będę wiedziała o tym, nie wszystkie szablony sprawdzam w innych rozdielczościach, prawdę mówiąc, to był pierwszy raz. Jak mam takie kwiatki na innych, to aż strach Wink

Będę teraz nieufnie podchodzić do fixed. Ja raczej nie zostawiam domyślnych ustawień, wolę wpisać o co mi chodzi, do przeglądarek tez nie mam zaufania. Są bardzo pomysłowe i lubią coś dodać od siebie, albo przeinaczyć. Wygląda na to, że zrobiłam się bardzo nieufna;)

taisha

jak się powtórzy, to niczego nie zmieniaj i nie usuwaj, tylko daj znać, trzeba winowajcę na gorącym uczynku złapać Wink

irytek05

Tak jest! Będę czujna Smile