ungewollte Abstände in Liste (IE6)

[Struppi]

Unterlisten müssen in einem Listenelement sein.

Du kannst dir auch die ganzen Klassen sparen, da du ohne Probleme jedes Element der Liste ansprechen kannst:
#menue ul li ul li ul li usw. je nachdem in welcher Ebene du bist.

Ich hab das mal nachgebaut

#menue  
#menue  
{  
    float: left;  
    display: block;  
    width: 200px;  
    background-color: #b4e778;  
    color: #5abd1a;  
    margin: 5px 0;  
    padding: 0;  
}  
  
/* Alle Listen */  
#menue ul  
{  
    list-style-type: none;  
    margin:0;  
    padding:0;  
}  
  
/* Liste 1. Ordnung */  
#menue ul  
{  
    margin-left:20px;  
}  
/* Liste 2. Ordnung */  
#menue ul ul  
{  
    margin-left:40px;  
}  
/* Liste 3. Ordnung */  
#menue ul ul ul  
{  
    margin-left:60px;  
}  
/* Listenelemente 1. Ordnung */  
#menue ul li  
{  
    width:144px;  
}  
/* Listenelemente 2./3. Ordnung */  
#menue ul ul li,  
#menue ul ul ul li  
{  
    width:124px;  
}  
#menue ul ul  
{  
    background-color:#ff0;  
}  
#menue li a  
{  
    display:block;  
    text-decoration: none;  
}  
* html #menue li a  
{  
    width:100%;  
}  
  
  
#menue a:link, #menue a:visited  
{  
border: 1px solid #5abd1a;  
text-decoration: none;  
font-weight: bold;  
background-color: #7fd138;  
color: #f1fee2;  
}  
#menue a:hover {  
background-color: #86dc3b;  
color: #5abd1a;  
}  
#menue a:active {  
background-color: #7fd138;  
color: #5abd1a;  
font-style:italic;  
}  

<div id="menue">  
 <ul>  
  <li><a href="index.php">Startseite</a></li>  
  <li><a href="einfuehrung.php">Einführung</a></li>  
  <li><a href="geldanlage_bei_banken.php">Geldanlage Banken</a></li>  
  <li>  
  <ul>  
      <li><a href="ethikbank.php">Ethikbank</a></li>  
      <li><ul>  
         <li><a href="anlagemoeglichkeiten_ethikbank.php">Anlage&shy;möglichkeiten</a></li>  
         <li><a href="ichbindabei_ethikbank.php">&laquo;Ich bin dabei&raquo;</a></li>  
         <li><a href="ichbindabei_ethikbank.php">&laquo;Ich bin dabei&raquo;</a></li>  
         </ul><li>  
      <li><a href="gemeinschaftsbank.php">GLS-Bank</a></li>  
      <li><a href="umweltbank.php">Umweltbank</a></li>  
      <li><a href="ordensbank.php">Ordensbank</a></li>  
      <li><a href="steylerbank.php">Steyler Bank</a></li>  
      <li><a href="girokonto_vergleich.php">Girokonto Vergleich</a></li>  
  </ul>  
 </li>  
  <li><a href="geldanlage_nicht_banken.php">andere Geldanlage</a></li>  
  <li><a href="linksammlung.php">Linksammlung</a></li>  
  <li><a href="literatur.php">Literatur</a></li>  
 </ul>  
  
</div>  

In etwa sollte deine Struktur so aussehen, ich hab den ganzen Kleinkram rausgeschmissen, du siehst es sind im IE fast keine Abstände mehr zwischen den Listen. Das einzige Problem ist die 3. Liste, dort wird immer ein Abstand zur letzten Zeile angezeigt. Kein schmutziger Trick hilft.

Naja, ich hab mir abgewöhnt den IE da noch gross zu beachten, mal schauen was die 7'er Version draus macht.

Struppi.