HOVER bei IE 6?!

[Detlef G.]

Hallo Philipp

Bei dem IE 6 wird das "Hovern" über die drei großen Bilder irgendwie nicht so richtig dargestellt! www.renerig.de/atiw

Der IE hat oft Probleme damit, bei a:hover das Kindelement zu ändern, wenn sich nichts am Link selbst ändert. Dazu muss sich nichts wirklich am Aussehen ändern.
Also z.B.:
#lbox a:hover, #mbox a:hover, #rbox a:hover {background-color: #000;}
[/code]

Ich frage mich allerdings, warum du es so aufwändig machst?

  
<div id="lbox">  
<a href="cont/sul/index.php" class="sul">  
<img src="img/blank.gif" width="200" height="300" border="0" alt="">  
</a></div>  

Wozu extra ein Div, dass dann nur einen Link enthält? Du kannst dem Link ein display:block geben, dann verhält er sich genauso, wie ein Div.
Wozu enthält der Link ein unsichtbares Bild? Ein Hintergrundbild kannst du auch direkt dem Link zuweisen und dieses per :hover wechseln.

Hast du dir die Seite mal angesehen, wenn kein CSS unterstützt wird oder keine Grafiken?

Wie wäre es so:

<a href="cont/sul/index.php" id="sul"><span> </span>Sound & Licht</a>

CSS:

#sul, #sul span {  
  position:absolute;  
  width:200px;  
  height:300px;  
#sul  
  left:50;  
  top:70;  
}  
#sul span {  
  top:0;  
  left:0;  
  background: url(../img/sul.jpg) top left no-repeat;  
}  
a:hover#sul {  
  background-color: #000;  
}  
a:hover#sul span {  
  background-image: url(../img/sul_rel.jpg);  
}  

Oder du schaust dir den Bildwechsel mit CSS mal ganz anders an.

Auf Wiederlesen
Detlef