15-10-2010, 19:07
Witam,
Niestety mimo wielu prób i przeczytania dziesiątek artykułów w sieci nie udało mi się uzyskać pożądanego efektu przy tworzeniu prostego szablonu pod stronę www.
Nie jest to typowy szablon (choć nie jest też zapewne zbytnio wysublimowany), lecz sądzę, że mimo wszystko możliwe jest uzyskanie takiego efektu bez użycia dodatkowych wspomagaczy.
Do rzeczy...
Chciałbym uzyskać stronę o statycznej szerokości (dla mniejszych rozdzielczości ekranu niż ta szerokość liczę się z dodatkowym scrollem u dołu ekranu) oraz wysokości zmiennej w zależności od rozdzielczości użytkownika (ale nie mniejszej niż jakaś tam stała wartość).
W praktyce wyglądać winno to tak jak na obrazku:
![[Obrazek: templatelr.jpg]](http://img839.imageshack.us/img839/1058/templatelr.jpg)
I teraz minimalna wysokość okienka użytkownika (tzn. przy mniejszej liczę się z pojawieniem się dodatkowego scrolla po prawej stronie ekranu) to suma wysokości pola zielonego, niebieskiego i błękitnego + miminalna wysokość pola czerwonego (też jakaś stała wartość).
I teraz gdy użytkownik ma wyższą rozdzielczość (czyt. wielkość okna przeglądarki), to w poziomie nic się nie zmienia, ale w pionie rozciąga się czerwony i żółty div.
Paski przewijania przy żółtym i czerwonym divie są w ramach overflow: auto, czyli pojawiać się winny tylko wtedy gdy są potrzebne.
Czy uzyskanie takiego efektu jest w ogóle możliwe?
A jeśli tak, to jak do tego doprowadzić.
Generalnie udało mi się to zrobić (przy użyciu pozycjonowania absolutnego) dla jednego diva rozciągającego się na całą szerokość stałą, jednak gdy chce ustawić dwa divy obok siebie (float: right) całość przestaje funkcjonować jak należy.
Z góry dziękuję za odpowiedź i pozdrawiam
ybamor
Niestety mimo wielu prób i przeczytania dziesiątek artykułów w sieci nie udało mi się uzyskać pożądanego efektu przy tworzeniu prostego szablonu pod stronę www.
Nie jest to typowy szablon (choć nie jest też zapewne zbytnio wysublimowany), lecz sądzę, że mimo wszystko możliwe jest uzyskanie takiego efektu bez użycia dodatkowych wspomagaczy.
Do rzeczy...
Chciałbym uzyskać stronę o statycznej szerokości (dla mniejszych rozdzielczości ekranu niż ta szerokość liczę się z dodatkowym scrollem u dołu ekranu) oraz wysokości zmiennej w zależności od rozdzielczości użytkownika (ale nie mniejszej niż jakaś tam stała wartość).
W praktyce wyglądać winno to tak jak na obrazku:
I teraz minimalna wysokość okienka użytkownika (tzn. przy mniejszej liczę się z pojawieniem się dodatkowego scrolla po prawej stronie ekranu) to suma wysokości pola zielonego, niebieskiego i błękitnego + miminalna wysokość pola czerwonego (też jakaś stała wartość).
I teraz gdy użytkownik ma wyższą rozdzielczość (czyt. wielkość okna przeglądarki), to w poziomie nic się nie zmienia, ale w pionie rozciąga się czerwony i żółty div.
Paski przewijania przy żółtym i czerwonym divie są w ramach overflow: auto, czyli pojawiać się winny tylko wtedy gdy są potrzebne.
Czy uzyskanie takiego efektu jest w ogóle możliwe?
A jeśli tak, to jak do tego doprowadzić.
Generalnie udało mi się to zrobić (przy użyciu pozycjonowania absolutnego) dla jednego diva rozciągającego się na całą szerokość stałą, jednak gdy chce ustawić dwa divy obok siebie (float: right) całość przestaje funkcjonować jak należy.
Z góry dziękuję za odpowiedź i pozdrawiam
ybamor
