-
Path: news-archive.icm.edu.pl!news.icm.edu.pl!news.onet.pl!not-for-mail
From: "kamyk" <p...@p...onet.pl>
Newsgroups: pl.comp.www
Subject: ukrywanie tla poza brzegami przegladarki w malych rozdzielczosciach
Date: Fri, 3 Sep 2010 11:02:00 +0200
Organization: http://onet.pl
Lines: 30
Message-ID: <i5qdie$uek$1@news.onet.pl>
NNTP-Posting-Host: ami122.internetdsl.tpnet.pl
X-Trace: news.onet.pl 1283504526 31188 83.17.64.122 (3 Sep 2010 09:02:06 GMT)
X-Complaints-To: n...@o...pl
NNTP-Posting-Date: Fri, 3 Sep 2010 09:02:06 +0000 (UTC)
X-Priority: 3
X-MSMail-Priority: Normal
X-Newsreader: Microsoft Outlook Express 6.00.2900.5931
X-MimeOLE: Produced By Microsoft MimeOLE V6.00.2900.5931
X-RFC2646: Format=Flowed; Original
Xref: news-archive.icm.edu.pl pl.comp.www:396637
[ ukryj nagłówki ]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
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-09-02 Re: RP3 kasuje wizy studentom/"studentom" po wylądowaniu na lotnisku
- 2024-09-02 Wzór
- 2024-09-01 Polska-Chorwacja 650zł elektrykiem
- 2024-09-01 odrdzewiacz do amelinium
- 2024-09-01 Elektryczna łapka i szerszeń
- 2024-09-01 Jakie podatki za wynajem?
- 2024-09-02 Warszawa => Key Account Manager <=
- 2024-09-02 Warszawa => Projektant/Programista React Native <=
- 2024-09-02 Gdańsk => Head of International Freight Forwarding Department <=
- 2024-09-02 Warszawa => Sales Development Representative (in German) <=
- 2024-09-01 1. wrzesnia po niemiecku
- 2024-09-01 Od setki do setki...
- 2024-08-31 wpadłem w siodło
- 2024-08-25 cenka opada
- 2024-08-30 Elektryki takie bezpieczne cd.