[xhtml] Scroll w divie (overflow: auto), amibitne zadanie ;) Opcje

[Seth]

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.

[Michał Fikus]

A ja zrobiłbym to inaczej.

a) TOP

musi mieć position: absolute; top: 0px; ... wiadomo. z-index: 10; (liczba przykladowa, byleby wieksza od containera)

(IMG:http://forum.php.pl/style_emoticons/default/cool.gif) CONTAINER (podobnie MENU)

height: 100%;
A co byłoby bardzo ważne i przynosiło porządany przez Ciebie efekt: padding-top: ilespx;
Podobnie z padding-bottom: ilespx; ew. z-index: 5; (mniej niż TOP)

c) FOOTER

I tu znowu Twoje position: absolute; z-index: 10;

Mam nadzieje, że choć krótko, to jednak zrozumiale.

Właściwie chyba nawet z-index nie będzie potrzebny, ale podaje, gdyż nie sprawdzałem tego rozwiązania, a jeśli bez nie zadziała, to z z-indexem powinno już być wszystko ok.