Fehler im IE 6 bei erster Darstellung

[Julifx]

Beim IE 6 erscheint ein listeneintrag der mit einer classe difiniert ist 2  listeneinträge höcher .

wenn man mit der maus auf irgend einen css element kommt springt das menü an die richtige stelle. und mit einm shift reload ist wieder der feler zu erkennen.

ich habe schon versucht den fix

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sectionLinks li {color: #000000;
border-bottom: 1px solid #EEE;}

zu verwenden ohne erfolg

Fehler deutlich zu erkennen:
http://www.wizardmedien.de/gabo/02-Produkte/02-GABOMETER/1.html

vielen dank für hilfe.

[Schuer]

wenn man mit der maus auf irgend einen css element kommt springt das menü an die richtige stelle. und mit einm shift reload ist wieder der feler zu erkennen.

Ich habe gerade keinen IE parat, aber wenn du das Listenelement oder dessen umgebenden ul dazu bringst, als hasLayout betrachtet zu werden, dann sollte es vermutlich nicht mehr springen. Verwende dazu etwa height:1% oder display:inline-block, siehe http://www.satzansatz.de/cssd/onhavinglayout.html

Viele Grüße!
_ds

[Julifx]

also ich komme mit der anweisung und den texten nicht ganz klar:
beispiel hier :
http://www.wizardmedien.de/gabo/02-Produkte/02-GABOMETER/1.html

aber noch mehr info dazu :
die grafik als screenshot mit dem fehler ist hier:
http://www.wizardmedien.de/gabo/1.jpg

das untermenu gabome.. soll zwei zeilen tiefer.
das stellt der ie6 entgegen den firefox nicht richtig dar .
ausser man zieht die maus über irgend ein css element des div -container.

wenn ich im code den  <div id="sectionLinks"> in  <div > wandele
im entdprechenden code - verschwindet das problem
allerding auch die benötigen darstellungen

was kann dann in den css für id="sectionLinks" geändert werden:

#sectionLinks{
 position: relative;
 margin: 0px;
 padding: 0px;
 font-size: 75%;
 text-decoration: none;

}
#sectionLinks a:link{
 padding: 2px 0px 2px 10px;
 border-top: 1px solid #ffffff;
 width: auto;
 voice-family: ""}"";
 voice-family:inherit;
 width: auto;

}

#sectionLinks a:visited{
 border-top: 1px solid #cccccc;
 padding: 2px 0px 2px 10px;
  height:1%
}

#sectionLinks a:hover{

border-top: 1px solid #cccccc;
 background-color: #ED1C24;
 padding: 2px 0px 2px 10px;
  height:1%
}

[Detlef G.]

Hallo Julifx

»» #sectionLinks a:visited{  

>  ...  
>   height:1%  
> }  
>   
> #sectionLinks a:hover{  
> ...  
>   height:1%  
> }  

Wenn du  height:1% für die Links angibst, dann nützt das nichts. Du musst, wie dir Schuer bereits schrieb, dafür sorgen, dass der IE das Elternelement (die jeweiligen ul) als hasLayout betrachtet.

Für * html #navBar ul oder für * html #sectionLinks ul definierst du also height:1% oder display:inline-block oder zoom:1. (* html damit das nur der IE <= 6 anwendet.)

Auf Wiederlesen
Detlef