Frage stellen
was ich suche, dürfte eigentlich kein Hexenwerk sein, aber es gelingt mir einfach nicht: ein Satz verschachtelter DIV, die in der Höhe das gesammte Browserfenster ausfüllen.
Hintergrund: ich möchte eine Karte mit OpenLayers in eine Seite einfügen. Die Seite hat ein einfaches Layout mit einem Header und Content-Bereich, innerhalb dessen die Karte eingebettet werden soll.
Stark vereinfacht sieht das Gerüst so aus:
- Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
html, body {
margin:0;
padding:0;
height:100%
}
#wrapper {
min-height:100%;
height:auto !important;
height:100%;
position:relative;
width:80%;
margin:auto;
background:#CCC;
}
#header {
height:100px;
background:#AAA;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="content">
<div id="map"></div>
</div>
</div>
</body>
</html>
Wie kann ich nun div#map auf die maximal verfügbare Höhe bringen?
Danke für jede Hilfe
