-
1. Data: 2010-09-03 09:02:00
Temat: ukrywanie tla poza brzegami przegladarki w malych rozdzielczosciach
Od: "kamyk" <p...@p...onet.pl>
Heja,
Najpierw przedstawienie problemu:
Jest wysrodkowana strona o stalej szerokosci. Poza swoja standardowa
szerokoscia posiada niepowtarzalne tlo: inne z lewej, inne z prawej, oba
przyklejone do swojej strony tresci. Jezeli rozmiar okna przegladarki na to
pozwala wszystko sie miesci i ladnie wyglada, zmniejszajac rozmiar okna
przegladarki wzdloz osi X tlo zarowno z lewej jak i z prawej powinno sie
chowac poza brzegi przegladarki i poki chowa sie tylko tlo nie powodowac
pojawienia sie poziomego paska przewijania. W momencie gdy szerokosc okna
jest mniejsza od ustawionej szerokosci strony powinien pojawic sie poziomy
pasek przewijania, pozwalajacy zobaczyc cala tresc (i nic wiecej).
Rozwiazanie jakie znalazlem:
chowanie tla z lewej strony to pikus, wystarczy by element srodkujacy i
nadajacy stronie szerokosc mial pozycje relatywna i w nim umiescic element
pozycjonowany absolutnie np z ujemna wlasciwoscia css left. Tak przygotowana
lewa strona dziala wszedzie gdzie mi to potrzebne (IE7&8, Opera, FF,
Safari). Bardziej problematyczna jest strona prawa: analogiczne rozwiazanie
nie zadziala i by to naprawic trzeba dodac nowy kontener dla strony i w nim
ustawic overflow-x: hidden i min-width. Jednak to rozwiazanie nie dziala w
Operze i IE7, pasek przewijania nadal sie tam pojawia.
I teraz pytanie zasadnicze: co zrobic by powyzsze rozwiazanie (a moze
calkiem nowe?) zadzialalo w wielkiej piatce (IE7&8, Opera, FF, Safari)?
--
pozdrowionka
Kamyk