Forum PHP.pl

Witajcie.
Mam takie pytanie do obeznanych w temacie: zalezy mi, aby dopasowac zawartosc strony (boks z menu nawigacyjnym, boks z trescia artykulu, zdjecie ustawione jako tlo) do rozdzielczosci ekranu uzytkownika - jak tego dokonac przy uzyciu jQuery?
W skrocie, chce osiagnac efekt, ktory przy rozdzielczosci ekranu 1024x768 px, jak rowniez 1920x1080px pozwoli przeskalowac elementy na stronie internetowej.
Znajdujaca sie strona internetowa pod adresem: http://webgroup.pl/wnetrze zostala stworzona w oparciu o technologie Flash. Tutaj nie ma problemu ze skalowaniem. W zaleznosci od rozdzielczosci ekranu uzytkownika elementy na stronie dynamicznie zmieniaja swoje "gabaryty". Jak tego dokonac, wykorzystujac biblioteke jQuery?

Prosilbym o podpowiedzi i wskazowki.

http://www.zachstronaut.com/posts/2009/08/...tate-scale.html tu masz plugin jQuery, dzięki któremu możesz łatwo zrobić skalowanie do 150%:

[JAVASCRIPT] pobierz, plaintext 
$('body').scale(1.5)
[JAVASCRIPT] pobierz, plaintext 

Dalej na podstawie oryginalnej szerokości i aktualnej szerokości okna przeglądarki obliczasz sobie skalę i podajesz ją jako argument metody, jak powyżej. Oczywiście musisz wziąć pod uwagę, że używany tutaj atrybut CSS 'transform' występuje w CSS3, więc nie wszystkie przeglądarki sobie z nim poradzą.

Poczytaj raczej o media queries. http://www.w3.org/TR/css3-mediaqueries/

@viking, IMO nie chodziło o Responsive Design, tylko płynne skalowanie całej strony - jak w podanym flashowym przykładzie.

Dzieki za wszelkie wskazowki.