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

Dieses Thema im Forum "Web Page Design" wurde erstellt von wurf, 03.04.2006.

  1. wurf

    wurf Thread Starter MacUser Mitglied

    Beiträge:
    250
    Zustimmungen:
    3
    MacUser seit:
    24.04.2003
    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
     
  2. Thomas Schumann

    Thomas Schumann MacUser Mitglied

    Beiträge:
    3
    Zustimmungen:
    0
    MacUser seit:
    06.08.2003
    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
     
Die Seite wird geladen...

Diese Seite empfehlen