ugrás a tartalomhoz

div, automatikus height tulajdonsággal

Webdev · 2011. Ápr. 27. (Sze), 08.26
Sziasztok!

A következőben kérném a segítségeteket: Ha megnézetik a következő képet...
Az oldal sémája ... így épülne fel a honlapom. Magát az oldalt nem akarok scrollozhatóvá tenni, hanem függőlegesen a képernyő méretét venné fel. Tehát a tartalommezőnek kellene dinamikusan alkalmazkodni a fejléc-lábléc közötti magassághoz, és ez a div lenne scrollozható.

Úgy megtudnám oldani, hogy betöltődéskor megkapná javascripttel a függőleges méretét. De nem hiszem el, hogy ezt nem lehet CSS-el, és akkor a böngésző méretének változásaihoz is igazodhatna a tartalom div.

Köszönöm a segítségeteket!
 
1

valami ilyesmi

ironwill · 2011. Ápr. 27. (Sze), 09.25
<div class="header"></div>
<div class="main"></div>
<div class="footer"></div>
.header {height: 30px; position: absolute; left: 0; top: 0; right: 0}
.main {position: absolute; left: 0; top: 30px; right: 0; bottom: 30px; overflow: auto}
.footer {height: 30px; position: absolute; left: 0; bottom: 0; right: 0}
2

kipróbálom

Webdev · 2011. Ápr. 27. (Sze), 20.48
Köszönöm szépen a segítséged, amint odajutok kipróbálom.