CSS - kindlasti imelihtne

  • peekon 9 a

    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

  • peekon 9 a

    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