[HTML][CSS]Element na całą wysokość pozostałego obszaru Opcje

[Lirdoner]

Witam, mam taki problem:
W dokumencie HTML mam <header> i powiedzmy zajmuje on 200px wysokości. Na samym dole mam <footer> który jest zawsze na samym dole (position: absolute; bottom: 0) i zajmuje 100px wysokości. Pomiędzy nimi mam jakiś div i chciałbym teraz zrobić tak aby zajmował całą wysokość pozostałego obszaru. Jak takie coś uczynić?

[IProSoft]

A co definujesz przez pozostały obszar ?

Div będzie miał taką wysokość jak treśc, którą w nim umieścisz.

[Lirdoner]

Chodzi mi o to, że załóżmy na jakiejś tam rozdzielczości obszar jaki widzi użytkownik strony to 1000px. Header zajmuje 200, footer zajmuje 100 więc pozostały obszar to 700px i bym temu elementovi div dał height: 700px ale no to jest tylko dla jednej rozdzielczości, jak zrobić aby automatycznie to się dopasowywało?

[Damonsson]

http://benpearson.com.au/web-development/3...height-columns/

[IProSoft]

Możesz to zrobić na dwa sposoby, przez JS ( nie sprawdzałem ):

[JAVASCRIPT] pobierz, plaintext 
$('#div').height( $(window).height() - 200 );
[JAVASCRIPT] pobierz, plaintext 

lub przez CSS:
http://stackoverflow.com/questions/1575141...-browser-window

@Damonsson szybszy :-)

Ten post edytował IProSoft 26.03.2014, 23:12:44

[Contritio]

Najprościej wydaje mi się, że jest ustawić kolejno sekcje w HTML, ktore beda wczytywane z CSS typu

HTML :

<div id="header">
Tu bedzie jakis tekst
</div>

<div id="center">
Tu bedzie jakis tekst
</div>

<div id="footer">
Tu bedzie jakis tekst
</div>

CSS :

#header {
width:999px;
height:200px
}

#center {
width:999px;
min-height:500px
}

#footer {
width:999px;
height:100px
}

Resztę pierdółek elementów do selektorów przypisujemy wg. naszego uznania. Chyba dobrze zrozumiałem w czym problem.
Zaś min-height zawsze będzie nam zwiększało dany div w raz z treścią

E: dobra źle to zrozumiałem

Ten post edytował Contritio 26.03.2014, 23:20:45