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
ikioloak
post
Post #2





Grupa: Zarejestrowani
Postów: 416
Pomógł: 0
Dołączył: 8.01.2004

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


Spotkalem sie z bardzo podobna sytuacja i trafilem tutaj. Albo nie umiem sie posluzyc radami z powyzszych postow, albo one nie dzialaja. Zaczalem sie bawic w to troche z innej strony i skutek niemalze idealny.
Roznica taka nie na xhtml'u, wiec wszystko oparte na tabelkach. Tylko content pozostal div'em tak jak u Setha. Sprawe rozwiazalo cos mniej wiecej takiego:

  1. <body onresize="javascript:document.getElementById('content').style.height=window.outerHeight-100; document.getElementById('content').style.width=window.outerWidth-200">


Moze i nieladnie bo o onresize z tego co sie orientuje w3c nic nie mowi, ale wazne ze dziala. Acha, z tego co pamietam do doctype'a tez musialem wyrzucic bo z tym albo na IE albo na FF nie pradzilo.
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: 26.12.2025 - 21:32