Ich baue gerade eine Seite und habe ein kleines Problem mit dem IE.
Mit Chrome etc. reagiert die Seite normal, mit IE gibt es Probleme beim Link links.
Code
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
left:50%;
top:50%;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
position: relative;
top: -90px;
left: -366px;
border-width: 0;
padding: 0px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
}
.thumbnail1{
position: relative;
z-index: 0;
}
.thumbnail1:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail1 span{ /*CSS for enlarged image*/
position: absolute;
left: 308px;
top:50%;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail1 span img{ /*CSS for enlarged image*/
position: relative;
top: -80px;
left: -308px;
border-width: 0;
padding: 0px;
}
.thumbnail1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
}
#container {
position: fixed;
left:50%;
bottom:50%;
margin-left:-250px;
}
</style>Code
<div id="container">
<a class="thumbnail" href="index1.php">
<img src="brunnen_klein1.png" style="width:250px; height:73px; border:0;" /><span>
<img src="brunnen_klein.png" style="width:366px; height:107px; border:0;" /><br /></span>
</a>
<a class="thumbnail1" href="index1.php">
<img src="unilogo_klein1.png" style="width:250px; height:73px; border:0;" /><span>
<img src="unilogo_klein.png" style="width:366px; height:107px; border:0;" /><br /></span>
</a>
</div>Warum wird links das Hover Bild nicht richtig angezeigt?
Danke und Gruß