Rozciąganie DIV'a - nietypowy problem Opcje

[Kalinowcyk]

Witam.

Myślę już dłuższy czas i nie mogę wymyślić. Może któryś w forumowiczów spotkał się już z takim problemem i będzie mógł pomóc.

A mianowicie, układ strony jest ogólnie taki, jak na załączonym schemacie.



Zawartość Diva "TRESC" ma ustaloną wysokość, ale załóżmy że jest ona dowolna.

Chciałbym, aby DIV STOPKA w przypadku, gdy treść nie zajmuje 100% wysokości okna przeglądarki, rozciągał się do dolnej krawędzi. Chciałbym też, aby miał ustaloną wysokość minimalną, np 200px;

Czy jest jakaś możliwość przeskoczenia tego bez użycia Javascriptu i zmieniania właściwości height stopki dynamicznie przy zmianie wielkości okna?

Z góry dziękuję za wszelkie podpowiedzi.

[mortus]

Stopka z założenia zawsze będzie miała określoną wysokość, a to co chcesz osiągnąć znajdziesz u wujka Google pod hasłem sticky footer. Wszystkie takie rozwiązania są podobne.

[Kalinowcyk]

Nie chodzi tylko o to, zeby stopka byla przyklejona do dolnej krawedzi okna, ale aby byla rozciagnieta od dolu contentu do dolu okna....

Ostatecznie rozwiązałem sprawę Javascriptem, ale średnio podoba mi sie to rozwiązanie.
Jakby ktoś miał jakiś pomysł, to chętnie się zapoznam

Ten post edytował Kalinowcyk 23.04.2010, 09:19:31

[Norfik]

mortus ma racje czytaj to http://forum.php.pl/Wysoko_divand39...h_t148197.html mialem podobny problem. Nazwa "sticky footer" to to czego tak naprawdę szukasz.

Ten post edytował Norfik 24.04.2010, 02:05:02

[korey]

Hmm. nie wiem czy dobrze zrozumialem ale moze.

[CSS] pobierz, plaintext 
#stopka{
clear: both;
position: absolute;
bottom: 0;
max-height: 200px
}
[CSS] pobierz, plaintext 

[Kalinowcyk]

max-height w IE - czarno to widzę.....
ale pomysł ciekawy. Używałeś tego kiedyś?

[korey]

mam tak na swojej stronce i działa mi poprawnie na każdej przeglądarce. Sam zobacz: klik

----- Edit
Ewentualnie Można zapakować wszystko w jednego div'a. np:

[HTML] pobierz, plaintext 
<div id="calosc">
<div id="tresc">
tresc
</div>
 
<div id="stopka">
moja stopka
</div>
 
</div>
[HTML] pobierz, plaintext 

Ten post edytował korey 4.05.2010, 19:55:37