Hans: CSS-Hover-Popup Probleme mit IE

SELF-Forum

CSS-Hover-Popup Probleme mit IE

Hans
– Informationen zu den Bewertungsregeln

Hallo,
ich habe ein Anzeige-Problem mit dem IE. Ich habe so ein CSS-Popup gemacht, das aber im IE an der falschen Stelle angezeigt wird.
Hier CSS und HTML:

body {
 font-family: Verdana;
 font-size:8pt;
        color: #FFFFFF;
        background-color:#000000;
        background-image:url(hintergrund.gif);
        background-attachment:fixed;
        line-height: 200%;
 margin:0;
 border:0;
}
* {
 text-decoration:none
}
img {
 border:0px;
}
a:link {
 color: #FF7800;
}
a:visited {
 color: #FF7800;
}
a:active {
 color: #FF7800;
}
#text {
 width:673px;
 height:395px;
 position:absolute;
 top:131px;
 left:290px;
 border:1px solid white;
}

/*Photogalerien*/
a.katzenbilder {
        display: block;
 width:200px;
 height:150px;
        background-image: url(button_katzenbilder.jpg);
        background-repeat: no-repeat;
}
a.katzenbilder:hover {
 background-image: url(button_katzenbilder_aktiv.gif);
}
a.natur_und_landschaften {
        display: block;
 width:200px;
 height:150px;
        background-image: url(button_natur_und_landschaften.jpg);
        background-repeat: no-repeat;
}
a.natur_und_landschaften:hover {
 background-image: url(button_natur_und_landschaften_aktiv.gif);
}
/*------Photogalerien------*/
#box a {
display:block;
width:50px;
padding:2px;
border:1px solid white;}

#box a:hover {
color: #FFFFFF;
background:#000000;
border:1px solid white;}

#box a span {display:none;}

#box a:hover span {
display:block;
z-index:3;
color:#FFFFFF;
background:#000000;
width:259px;
height:316px;
position:absolute;
top:234px;
left:0px;
border:1px solid white;
}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>P H O T O G R A P H Y</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>   <table cellspacing="10px" id="text">
   <tr>
    <td align="center" colspan="2">
    <p>Ich habe mich schon immer für
    Photographie interessiert und seit 2002 beschäftige ich mich mit
    der digitalen Photographie. In dieser Galerie möchte ich ein
    paar meiner Lieblingsbilder zeigen, sie wird mit der Zeit
    erweitert.</td>
   </tr>
   <tr>
    <td align="center">
    <div id="katzenbilder"><a class="katzenbilder" href="preload_katzenbilder.html"></a></div><br>
    <div id="box"><a href="#">Info<span>aufgenommen mit<br>Canon Ixus V2<br>zwischen 2002<br>und 2006</span></a></div></td>
    <td align="center">
    <div id="natur_und_landschaften"><a class="natur_und_landschaften" href="preload_natur_und_landschaften.html"></a></div></td>
   </tr>
  </table>

</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. CSS-Hover-Popup Probleme mit IE

    wahsaga Homepage des Autors
    – Informationen zu den Bewertungsregeln

    hi,

    ich habe ein Anzeige-Problem mit dem IE. Ich habe so ein CSS-Popup gemacht, das aber im IE an der falschen Stelle angezeigt wird.

    Und "richtig" wäre?

    Hier CSS und HTML:

    Wenn sich das Problem nicht mit reduzierterem Code nachstellen lässt, bevorzuge ich ein Online-Beispiel vor Copy&Paste-Orgien.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln