Problem z tłem przy zmniejszeniu okna przeglądarki

[betamat]

Witam.
Zrobiłem stronkę http://djjasina.pl/
Problem jest w tym, że po zmniejszeniu okna przeglądarki, gdy już pojawi się pasek przewijania poziomego, po przesunięciu strony na prawo znika tło.
Może ktoś wie w czym problem ?

[Pedro84]

To chyba logiczne, nie? Jak zmniejszasz poniżej wartości szerokości kontenera to zawsze się scroll pojawi.

Podstawy, oj podstawy.

[Kartofelek]

Pewnie dlatego, że widta masz tylko dla center, które ma 900px. Reszta tego nie ma. Może lepiej dać tą szerokość reszcie? Czyli 100% dla divów, a w nich center, które ma 900px widtha i margin:0 auto. A najlepiej w ogóle było by dać 1 div .page_container wycentrowany margin:0 auto, a reszta to tło dla body.
W sumie nie mam pojęcia czemu kasuje to tło. Wychodzi na to, że html i body width<100%

[betamat]

Pedro84 dzięki za komentarz, ale polecam czytanie ze zrozumieniem
Problemem nie jest to, że scroll się pojawia, tylko, że tło graficzne znika po scroll'owaniu w prawo.

---

Kartofelek próbowałem...
"najlepiej w ogóle było by dać 1 div .page_container wycentrowany margin:0 auto, a reszta to tło dla body" zauważ, że tak jest, ale tła div'ów wewnętrznych znikają.
Ciekawe jest to, że przy np.: width: 200% i margin-left: -50% jest ok, ale to nie bardzo mnie zadowala, bo przy zmniejszony oknie strona chowa się na lewo o te 50%.
Dodam, że z robiłem sporo stron na podobnej konstrukcji i nigdy nie miałem tego problemu.

---

Obecnie wywaliłem style dla container'a by pokazać w czym jest problem.

[Kartofelek]

W sumie ja mięknę ;]
Może zmień to position absolute na floaty. Samo zachowanie przeglądarek jest dla mnie dziwne, ale to może przez to, że teraz wypiłem za dużo kawy

[Pedro84]

Fakt, nie doczytałem :]

Zacznijmy od tego, że jak dla mnie to całkowicie skopałeś konstrukcję samej strony. Dodaj do ucinanych elementów min-width:900px; i będzie działać.

[Kartofelek]

Właśnie chciałem to samo napisać. U ciebie jedyny element z szerokością to ten obrazek na środku. Reszta nie ma szerokości więc przyjmuje domyślną szerokość obszaru renderowania, który po zmniejszeniu okna przeglądarki wynosi właśnie tyle ile ma zmniejszone okno renderowania. To tak jakby obiekt renderowania był divem z overflow:visible.

Wnioski z tego tematu:
1) Uzywać standardowej konstrukcji
2) Picie kawy w dużych ilościach nie jest dobre

[betamat]

min-width:900px pomogło - dzięki
Taka prosta sprawa, a mnie zamroczyło...

A tak poza tym, to dlaczego skopałem konstrukcję strony ? Starałem się zrobić jak najprościej. Jedyne kuku, że wstawiłem <h1> w <a>.
I co to jest "standardowa konstrukcja" ?..

[Kartofelek]

Nie skopałeś. Po prostu ustawiłeś szerokość tylko dla 1 elementu a nie reszty. Przez to one łapały 100% okna. Gdybyś ustawił tą szerokość dla reszty centrowanych, wtedy one były by ładne nawet po zmniejszeniu. Rozwiązanie nasuwa się samo - min-width dla ".center", albo co ja plotę - samo width:900px wystarczy, bo pewnie chcesz by IE6 też to przeczytało ;]

Inna sprawa że tło można by dać dla body i uprościć konstrukcję. Ale to nie zawsze przejdzie. Jest ok.