Benutzerdefinierte Suche

DIV Layer 100px von Top bis 10px vor Bottom - IE machts nicht

  1. wurf

    wurf Thread StarterMacUser Mitglied

    Mitglied seit:
    24.04.2003
    Beiträge:
    250
    Zustimmungen:
    3
    Hallo!
    Ich hätte gerne einen DIV Layer wie oben beschrieben mit folgendem Code erzielt:

    <html>
    <head>
    <title>Test</title>
    </head>
    <body>
    <div id="Layer1" style="position:absolute; left:41px; top:100px; bottom:10px; width:335px; z-index:1; background-color: #00FF99; layer-background-color: #00FF99;"></div>
    </body>
    </html>

    Bei Safari und Firefox gehts auch, nur beim IE hauts einfach nicht hin, weder bei der Windows(IE5) noch bei der Mac Version(IE5.2).
    Gibt es dazu einen Workaround?

    Danke schon mal,
    Michi
     
    wurf, 03.04.2006
  2. Thomas Schumann

    Thomas SchumannMacUser Mitglied

    Mitglied seit:
    06.08.2003
    Beiträge:
    3
    Zustimmungen:
    0
    Hallo Michi,

    dem IE fehlt die Höhe.

    Dies liese sich mit Javascript am Ende der Seite regeln:
    Die 110 ergibt sich aus top Wert + bottom Wert.
    <script>
    //mac

    if (navigator.appName.indexOf('Microsoft')!=-1)
    {
    layerHeight=document.body.clientHeight-110;
    document.getElementById('Layer1').style.height=layerHeight;
    }
    </script>

    Thomas
     
    Thomas Schumann, 05.04.2006
Die Seite wird geladen...