Der IE mag meine Menü nicht

[Felix Riesterer]

Liebe(r) OLZU,

Wenn ihr dies auch seht, wäre es klasse, wenn mir einer sagen könnte, wodurch
dieses "Hüpfen" verursacht wird.

Hmm. Ich blicke bei Deinem CSS-Code nicht wirklich durch.

Mal davon abgesehen, dass ich absolut Ingo Turskis Rat (eine UL zu verwenden, anstatt lose in einem DIV herumfahrende Links CSS-technisch auszurichten) zustimme, würde ich Deinen Code verschlanken.

Es muss nicht jedes Pseudo-Element (:link, :visited, :active usw.) immer alle Anweisungen mit sich schleppen, wenn sie sich nicht von den anderen unterscheiden. Ich sehe jedenfalls in allen diesen Rulesets "display: block" und "width: 100%". Da erwacht in mir der Wunsch, zu kürzen.

  
/* a.menue anstatt a.menue:link - dann kann man sich bei den Pseudoformaten den Rest sparen! */  
  
a.menu {  
 display: block;  
 width: 100%;  
 color: #AA3636;  
 padding: 5px;  
 margin-bottom: 5px;  
 border: 2px solid #AA3636;  
 font-size: 12px;  
 font-weight: bold;  
 letter-spacing: 2px;  
 text-decoration: none;  
}  
  
a.menu:link { }  
a.menu:visited { color: #AA3636; }  
a.menu:active { color: #AA3636; }  
a.menu:hover {  
 background-color: #AA3636;  
 font-style:italic;  
 letter-spacing: 1px;  
 text-decoration: none;  
}  

Warum der IE nun "hüpft" kann am verwendeten DOCTYPE liegen (Der IE operiert im Quirksmodus! Probiere mal "javascript:alert(document.compatMode)" in der Adresszeile aus), zum anderen auch an dem geänderten letter-spacing im :hover-Ruleset... Aber dazu bin ich jetzt definitiv zu müde, um das genauer zu untersuchen.

Liebe Grüße aus Ellwangen,

Felix Riesterer.