nicht angemeldet
hallo,
nach 4 Stunden verzweifelten rumprobierens und lesen von unzähligen Forenbeiträgen, weiss ich jetzt wirklich nicht mehr weiter. Folgendes Problem:
Ich habe einen <div>-Container, mit height: 100% um es an der Browserhöhe auszurichten, in diesem Container sind 3 weitere <div>'s. Ein <div> mit der absoluten Höhe von 150px, ein <div>, mit diesen habe ich das Problem, und der dritte <div> mit einer fixen Höhe von 40px. Die <div>'s liegen alle untereinander im Container. Jetzt zu meinen Problem:
Gibt es eine Möglichkeit dass das mittlere <div> automatisch die Höhe annimmt die von der Containerhöhe/Browserhöhe noch übrig ist? Also theoretisch:
Containerhöhe minus 150px minus 40px = <div>-Höhe
Noch ein kleines Schaubild:
<div> - - - - - (Container, height: 100%)
<div> - - - (height: 150px)
<div> - - - (height: automatisch der Rest von der Containerhöhe)
<div> - - - (height: 40px)
</div>
Ich hoffe mein Problem ist verständlich und mir kann irgendjemand helfen.