+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Optymalizacja strony pod mniejsze monitory (/thread-optymalizacja-strony-pod-mniejsze-monitory)
Optymalizacja strony pod mniejsze monitory - pawstrze - 21-10-2012
Cześć. Mam taki problem.
Chodzi o to, że chciałbym aby moja strona wyglądał dobrze także na mniejszych monitorach.
Mam div-a, którego szerokość wynosi powiedzmy 1920px.
Oczywiście na monitorach FullHD wszystko wygląda dobrze. Niestety kiedy oglądam stronę w mniejszych rozdzielczościach pojawia się pasek przewijania w poziomie i strona nie jest automatycznie wycentrowana.
Moim celem byłoby zrobienie czegoś takiego, że strona automatycznie się centruje i nie pojawia się pasek przewijania.
W tym divie jest tylko tło nagłówka, więc chodzi po prostu o to, żeby na mniejszych monitorach ucinał tę część, która się nie mieści.
Pozdrawiam,
pawstrze
RE: Optymalizacja strony pod mniejsze monitory - Morfeusz_2005 - 21-10-2012
CSS, jest coś takiego jak min-width
RE: Optymalizacja strony pod mniejsze monitory - pawstrze - 21-10-2012
Nie bardzo rozumiem... To nic nie daje... Zachowuje się zupełnie jak zwykłe width.
Chodzi mi o to, żeby jeśli div się nie mieści, to przeglądarka to po prostu ucina...
RE: Optymalizacja strony pod mniejsze monitory - Pedro84 - 21-10-2012
Słowo klucz: media queries.
RE: Optymalizacja strony pod mniejsze monitory - Kartofelek - 27-10-2012
Minimum 4 rozwiązania:
1) zależnie co jest w tym divie. Jeżeli samo tlo to najlepiej oczywiście backround
2) margin-left:-950px; position:relative; left:50%;
3) tak samo jak powyżej ale position:absolute; ale tutaj trzeba być dobrym bo łatwo zrobić z laja kaszankę
4) dajesz wszystko w diva ktoremu dajesz overflow:hidden; min-width:....;
+ 5 to wspomniane media queries
+ 6 podaj linka