Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JavaScript][CSS][PHP]Zmiana rozmiaru strony w zależności od rozdzielczości
michal_86
post 4.03.2010, 20:34:28
Post #1





Grupa: Zarejestrowani
Postów: 36
Pomógł: 0
Dołączył: 1.02.2010

Ostrzeżenie: (0%)
-----

witam,

chciałbym zapytać czy istnieje możliwość powiększania lub zmniejszania wielkości strony w zależności od rozdzielczości przeglądania? Nie chodzi mi o to by robić trzy różne strony, ale aby strona po prostu była zmniejszana tak jakbym używał "ctrl -" questionmark.gif


Pozdrawiam
Go to the top of the page
+Quote Post
kipero
post 4.03.2010, 20:35:46
Post #2





Grupa: Zarejestrowani
Postów: 233
Pomógł: 50
Dołączył: 28.10.2006
Skąd: Radom

Ostrzeżenie: (0%)
-----

Pierwsze rozwiązanie jakie mi przychodzi na myśl, to wykrywanie rozdzielczości w JS i podmiana właściwości CSS dla body.


--------------------
Filmy online
Go to the top of the page
+Quote Post
DiH
post 4.03.2010, 21:40:32
Post #3





Grupa: Zarejestrowani
Postów: 251
Pomógł: 34
Dołączył: 7.01.2010

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function detect() {
  5.    if(screen.width < 1024) {		
  6.       document.getElementById("content").style.width='500px';
  7.    }
  8.    else {
  9.       document.getElementById("content").style.width='700px';
  10.    }
  11. }
  12. </script>
  13. </head>
  14. <body onload="detect();">
  15. <div id="content" style="background: green;">
  16. Hello
  17. </div>
  18. </body>
  19. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
thek
post 4.03.2010, 21:49:05
Post #4





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D
A dla mnie jednym z sensowniejszych jest użyciu fluid layout smile.gif Czasem trzeba przy ty pomyśleć, ale to jedyne naprawdę uniwersalne rozwiązanie tak naprawdę dla skalowalnych szablonów dopasowujących się do okna przeglądarki.


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
michal_86
post 4.03.2010, 23:48:06
Post #5





Grupa: Zarejestrowani
Postów: 36
Pomógł: 0
Dołączył: 1.02.2010

Ostrzeżenie: (0%)
-----

No ja niestety przez nieuwagę robiłem stronę na za wysokiej rozdzielczości, i na 1024 wygląda to tak średnio, dlatego miałem nadzieje na funkcję "ala" ctrl - , bo przerobienie tej strony w fluid byłoby bardzo ciężkie ;/

skrypt podany przez kipero nie działa na tej stronie - ale tego się spodziewałem

porównanie :




no i kicha ;/

może jednak ktoś zna jakieś rozwiązanie? Bo pisanie od nowa strony to jest tragedia ;/
Go to the top of the page
+Quote Post
Twist
post 5.03.2010, 08:34:44
Post #6





Grupa: Zarejestrowani
Postów: 174
Pomógł: 11
Dołączył: 12.10.2008
Skąd: Dublin

Ostrzeżenie: (0%)
-----

Zrób div otaczający całą stronę #container lub daj na body style:
#container{
width:990px; margin:0 auto;}
Spowoduje to wyśrodkowanie strony niezależnie od ustawionej rozdzielczości. Bardzo częsta praktyka.
Go to the top of the page
+Quote Post
michal_86
post 5.03.2010, 13:18:36
Post #7





Grupa: Zarejestrowani
Postów: 36
Pomógł: 0
Dołączył: 1.02.2010

Ostrzeżenie: (0%)
-----

wyśrodkowana to ona jest na 900 px, screena musiałem uciąć by nie było za szeroko przy wklejaniu, chodzi o to czy tak duża strona jest w ogóle czytelna...
Go to the top of the page
+Quote Post
Twist
post 5.03.2010, 14:49:05
Post #8





Grupa: Zarejestrowani
Postów: 174
Pomógł: 11
Dołączył: 12.10.2008
Skąd: Dublin

Ostrzeżenie: (0%)
-----

Szerokość strony nie powinna przekraczać 1000px aby poprawnie wyświetlać się w 1024x720. Ustaw stała dla wszystkich i wyśrodkuj j.w
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.06.2025 - 17:49
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn