nicht angemeldet
Guten Abend zusammen!
Ich habe einige Zeit damit verbracht, für eine Webstie das Layout zu erneuern. Nur eines will mit partout nicht gelingen: die korrekte Darstellung der Untermenüeinträge im IE6. Das Menü besteht aus verschachtelten Listen. Während Firefox und Opera die Einträge wie erwartet darstellen, gibt es im IE6 ungewollte schmale Ränder über und unter einem Eintrag. Leider habe ich keine Ahnung, woran es liegen könnte. Daher meine Frage in die runde: Hat jemand eine Idee, wo das Problem liegen könnte?
Vielen Dank an jeden, der sich mit dem Problem beschäftigt schon jetzt!
Grüße,
Tillmann
Und hier die Seite(n):
http:||www.luebker.org|temp|geldanlage_bei_banken.php
Die CSS-Dateien finden sich unter:
http:||www.luebker.org|temp|css|formate.css
http:||www.luebker.org|temp|css|aufbau.css
und
http:||www.luebker.org|temp|css|ie.css
(senkrechte Striche bitte durch Slashes ersetzen.)
Der relevante CSS-Teil sieht so aus:
#menue {
float: left;
display: block;
width: 200px; /*IE: 197px; */
background-color: #b4e778;
color: #5abd1a;
margin: 5px 0;
padding: 0;
}
#menue ul li {
list-style-type: none;
}
#menue ul .normal {
margin: 0 0 0 20px;
}
.unter {
border:1px solid #5abd1a;
margin: 0 20px 0 40px;
}
.unter2 {
margin: 0;
}
#menue ul a {
display: block;
width: 144px;
color: #f1fee2;
}
#menue ul .untereintrag a {
display: block;
width: 124px;
}
#menue ul .untereintrag2 a {
display: block;
width: 124px;
}
#menue p.linear a {
display: inline;
width: auto;
}
#menue ul .normal a {
text-decoration: none;
font-weight: bold;
border: 1px solid #5abd1a;
margin: 15px 0 15px 0;
padding: 7px;
}
#menue ul .untereintrag a {
text-decoration: none;
font-weight: bold;
border: 0;
margin: 0;
padding: 7px;
}
#menue ul .untereintrag2 a {
text-decoration: none;
font-weight: normal;
font-style: italic;
border: 0;
margin: 0;
padding: 0 7px 0 7px;
}
#menue a:link, #menue a:visited {
background-color: #7fd138;
color: #f1fee2;
}
#menue a:hover {
background-color: #86dc3b;
color: #5abd1a;
}
#menue a:active {
background-color: #7fd138;
color: #5abd1a;
font-style:italic;
}
XHTML-Code:
<div id="menue">
<ul class="normal">
<li class="normal"><a href="index.php">Startseite</a></li>
<li class="normal"><a href="einfuehrung.php">Einführung</a></li>
<li class="normal"><a href="geldanlage_bei_banken.php">Geldanlage Banken</a></li>
</ul>
<ul class="unter">
<li class="untereintrag"><a href="ethikbank.php">Ethikbank</a></li>
<ul class="unter2">
<li class="untereintrag2"><a href="anlagemoeglichkeiten_ethikbank.php">Anlage­möglichkeiten</a></li>
<li class="untereintrag2"><a href="ichbindabei_ethikbank.php">«Ich bin dabei»</a></li>
</ul>
<li class="untereintrag"><a href="gemeinschaftsbank.php">GLS-Bank</a></li>
<li class="untereintrag"><a href="umweltbank.php">Umweltbank</a></li>
<li class="untereintrag"><a href="ordensbank.php">Ordensbank</a></li>
<li class="untereintrag"><a href="steylerbank.php">Steyler Bank</a></li>
<li class="untereintrag"><a href="girokonto_vergleich.php">Girokonto Vergleich</a></li>
</ul>
<ul class="normal">
<li class="normal"><a href="geldanlage_nicht_banken.php">andere Geldanlage</a></li>
</ul>
<ul class="normal">
<li class="normal"><a href="linksammlung.php">Linksammlung</a></li>
<li class="normal"><a href="literatur.php">Literatur</a></li>
</ul>
</div>
Struppi