Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [xhtml] Scroll w divie (overflow: auto), amibitne zadanie ;)
Seth
post
Post #1





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

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


Tak mniej wiecej wyglada struktura mojej strony:

(IMG:http://dev.php.pl/misc/rozplanowanie_laya.gif)
Zrodla XHTMLa


Problem jest troche nietypowy:
otoz zalozenie jest takie, ze strona ma jakby swoja okreslona wysokosc: ktora ma wartosc 100% wielkosci okna - czyli nie moga sie pojawic zadne "glowne" scrolle.
Top i Footer maja swoje stale miejsca: Top oczywiscie zawsze na gorze, a Footer zawsze na dole - nawet jak uzytkownik zmieni wielkosc okna footer zawsze bedzie na dole.
Content zkolei ma miec szerokosc taka aby miescil sie miedzy Top, a Footer - nie moze miec wiekszej.
I teraz gdy w Content tresci bedzie na tyle duzo, ze bedzie sie z niego "wylewac" maja sie pojawic scrolle (zaznaczone na obrazku) tak aby mozna bylo owy tekst przewinac ( czyli overflow: auto ).

Jednym slowem zalozenie jest takie aby strona wygladala jak aplikacja okienkowa, ktorej oczywiscie nie trzeba przewijac calej w dol (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Problem polega jednak na tym, ze Content mimo, ze ma ustawione overflow: auto nie pokazuje scrolla gdy tekst wyplywa z Content tylko przechodzi przez footer i dalej wyswietla tresc - co oczywiscie rozwala cala koncepcje :/



Strasznie jest mi to potrzebne, a siedze juz dluzszy czas (co widac po godzinie posta (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) ) i nie moge dojsc gdzie jst blad (a moze tak sie nie da zrobic :? )

Jezeli ktos jest w stanie podac rozwiazanie badz nakierowac na jakis link byl bym bardzo wdzieczny.


P.S.
Oczywiscie zrodla layu sa zubozone wzgledem oryginalu ale podstawowa struktura mniej wiecej jest taka sama.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
revyag
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

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


Nie wiem czy da się to ominąć, bo oczywiste jest, że przy wyższej rozdzielczości, wysokość podana w procentach będzie większa, tym samy odstęp między footerem i containerem też będzie większy. Ustalonego rozmiaru w pikselach też nie można podać, bo inaczej będzie to wyglądać w 1024x768 a inaczej 1280x1024.
Jedyne rozwiązanie jakie mi w tej wchwili przychodzi do głowy to użycie javascriptu. Wykryć jaka jest rozdzieloczość i względem tej rozdzielczości podawać wysokość containera.
Minusy tego rozwiązanie są takie, że strona się napewno nie zwaliduje, no i trzeba te wysokości dobrać doświadczalnie (ale to już chyba nie jest duży problem).
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 25.12.2025 - 19:10