CSS - kindlasti imelihtne

Rohelise kõrgus peab olema 100%
Sinise kasti kõrgus 300 px
Punase kasti (google maps) kõrgus 100% (ilma srollbarita), alla välja..

Täiega kinni siin..
Kood hetkel selline (aga seda miljon korda muutnud.. et vb väga segane)

css:
* {
margin: 0;
}
html {
height: 100%;
}
body {
height: 100%;
padding: 0px;
}
#wrapper {
min-height: 100%;
height: auto !important;
position: relative;
width: 100%;
}
#map_canvas {
width: 100%;
background-color: #0066FF;
top: 300px;
position: absolute;
height: 100%;
}
#headercontainer {
height: 300px;
background-color: #333333;
width: 100%;
}

ja html:
<div id="wrapper">
<div id="headercontainer"></div& gt;
<div id="map_canvas"></div>
</div>

06. august 2010 - 10:53:01 · Otselink

Sain vist korda:

html,body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
}

#wrapper {
position:relative; /* needed for footer positioning*/
margin:0 auto; /* center, not in IE5 */
width:100%;
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */
}
#map_canvas {
width: 100%;
background-color: #0066FF;
top: 300px;
position: absolute;
bottom: 0px;
}
#headercontainer {
height: 300px;
background-color: #333333;
width: 100%;
position: absolute;
}

06. august 2010 - 11:18:44 · Otselink