[OpenLayers-Users] Map in nested div with floating height?

Wed Dec 9 08:28:32 EST 2009

Hello,

I would like to place an openlayers map inside a nested div and it should
have a floating height.

My css is learned from several examples and it works as expected until the
openlayers script comes in place.

A simplyfied example:

<!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>

I really appreciate any help!

Best Regards,
Mickey