• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Fläche per CSS aufrufen klappt im IE nicht!

Status
Für weitere Antworten geschlossen.
A

artkraft

Neues Mitglied
Hallo Leute!
Habe nen Problem mit ner Fläche die im IE nicht erscheint.

Über ein Textlink(hover-action) soll eine Fläche erscheinen. Im Mozilla Firefox funktionierts, jedoch im IE nicht.

Kann mir einer sagen wo das Problem liegt?

Vielen Dank schon mal.

Hier mal der Code:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <meta name="generator" content="artkraft">
        <title>Unbenannte Seite</title>
        <style type="text/css" media="screen"><!--
        
        a.link span{display: block; position: absolute;}
        a.link:hover span{display: block; position: absolute; top: 20px; left: 20px; width: 200px; height: 200px; background-color: #cc3300;}
       
       --></style>
    </head>

    <body bgcolor="#ffffff">
        <a class="link" href="#">Bildlink<span></span></a>
        
        
    </body>

</html>
 
Der IE6 kennt :hover schon (wenn auch nur für Links), aber hat Probleme, wenn dann nicht der hover-Link selber, sondern etwas anderes formatiert werden soll.
 
Ich habe zwar keinen IE6 zum testen, aber füge mal noch das in die CSS ein:
Code: 
*html .link a:hover {z-index: 1;}
 
@prm

mit
Code: 
*html .link a:hover {z-index: 1;}
gehts auch nicht.

ich habs jetzt so gelöst:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>
        <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
        <meta name="generator" content="test">
        <title>Unbenannte Seite</title>
        <style type="text/css" media="screen"><!--

    #link a{position: absolute; top: 50; left: 50; width:153px; height: 54px; background-color: #cc3300}    
    #link a:hover{position: absolute; top: 50; left: 50; width: 200px; height: 200px; background-image: none; background-color: #000000;}
       
       --></style>
    </head>

    <body bgcolor="#ffffff">
    <div id="link"><a href="#"></a></div>
        
        
    </body>

</html>
findet zwar nur ein austausch statt, aber reicht so.

danke! :D
 
Ursache ist übrigens, dass der IE6 bei absolut positionierten Elementen für deren umgebende Elemente eine feste Höhe und Breite benötigt ;)
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben