IE6 liest falsche CSS Datei

[Gunnar Bittersmann]

@@Perelina:

nuqneH

Auszug aus CSS standart:

Du hast dir CSS auf deine Fahnen geschrieben?

#news {
position:relative;
list-style:none;
width:100px;
height:100px;
}

Davon soll nur 'list-style:none;' für IE 6 gelten. Deshalb die anderen Daklarationen vor ihm verstecken:

#news {  
  list-style:none;  
}  
  
html>body #news {  
                position:relative;  
                width:100px;  
                height:100px;  
}

'html>body #news' selektiert das Element mit der ID "news" innerhalb des 'body', der Kind von 'html'. Da 'body' immer Kind von 'html' ist und sich alle anderen Elemente innerhalb des 'body' befinden*, selektiert das dasselbe wie '#news'. IE 6 kennt aber '>' nicht und ignoriert die Regel.

#news li a {
   position:absolute;
   text-indent:-9999px;
   display:block;
   text-decoration:none;
   width:100px;
   height:100px;
}

Das willst du 'width' und 'height' für IE 6 überschreiben:

#news li a {  
	  	 position:absolute;  
	  	 text-indent:-9999px;  
	  	 display:block;  
	  	 text-decoration:none;  
	  	 width:100px;  
	  	 height:100px;  
}  
  
* html #news li a {  
	  	 width:92px;  
	  	 height:78px;  
}

Für die anderen beiden Regeln für '#news_img a' und '#news_img a:hover' entsprechend.

Qapla'