<ul> Listenproblem im MIE

Status
Nicht offen für weitere Antworten.

cameeel

Erfahrenes Mitglied
Hi,

hab mich diesmal dazu entschieden mein Menü in Form einer Liste mit <ul><li>.. etc. zu machen. Klappt auch ganz gut nur im MIE mal wieder nicht!
Im MIE wird ein viel zu großer Abstand zwischen Menüpunkten der ersten und zweiten Ebene angezeigt.. (in diesem Fall zwischen Service und Statistik)
Im Firefox siehts so aus wie ich es habenwill!

Der Link:
klick here!

Kann jemand nen Fehler entdecken?
Code:
      CSS:
      .e0 ul { margin: 0; padding: 0; list-style-type: none; }
      .e0 ul li{ margin: 0 0 0 10px; padding: 0; list-style-type: none; }
      
      .e1 ul { margin: 0; padding: 0; list-style-type: none; }
      .e1 ul li{ margin: 0 0 0 15px; padding: 0; list-style-type: none; }

Wende ich so an:
HTML:
      <div class='e0'>
    <ul>
    <li><a href='service.php' class='menu'>SERVICE</a></li>
      			<li>
      			<div class='e1'>
      			 <ul>
 				 <li><a href='pages/service/statistiken.php' class='menu'>Statistiken</a></li>
 				 <li><a href='pages/service/sonstiges.php' class='menu'>Sonstiges</a><br><br></li>
      			 </ul>
      			 </div>
    </li>
    </ul>
    </div>


thx!

MfG
cAm3eel
 
Wozu so kompliziert:
HTML:
<ul id="nav">
	<li><a href="index.php">Startseite</a></li>
	<li><a href="service.php">Service</a></li>
	<li><ul>
		<li><a href="pages/service/statistiken.php">Statistiken</a></li>
		<li><a href="pages/service/sonstiges.php">Sonstiges</a></li>
	</ul></li>
	<li><a href="registrierung.php">Registrierung</a></li>
	<li><ul>
		<li><a href="pages/registrierung/anmelden.php">Anmelden</a></li>
		<li><a href="pages/registrierung/abmelden.php">Abmelden</a></li>
		<li><a href="pages/registrierung/agbs.php">AGBs</a></li>
	</ul></li>
	<li><a href="informationen.php">Informationsn</a></li>
	<li><ul>
		<li><a href="pages/informationen/kontakt.php">Kontakt</a></li>
		<li><a href="pages/informationen/impressum.php">Impressum</a></li>
		<li><a href="pages/informationen/sitemap.php">Sitemap</a></li>
	</ul>
</ul>
Mach dir lieber die Vorzuge von CSS zunutze:
Code:
#nav,
#nav ul {
	list-style:		none;
	width:			100%;
	font-size:		11px;
}
#nav ul {
	margin-bottom:		1em;
}
#nav li {
	margin-left:		1em;
}
#nav li a:link,
#nav li a:visited {
	padding-right:		10px;
	color:			#75c5dc;
	font-weight:		bold;
	text-transform:		uppercase;
	background:		url(http://www.airrifle-statistics.net/images/layout/3eck.gif) no-repeat 100% 50%;
}
#nav li a:hover {
	color:			#225c68;
	text-decoration:	underline;
}
#nav li ul li a:link,
#nav li ul li a:visited {
	text-transform:		none;
	background:		none;
}
 
Danke,
ich werds morgen mal ausprobieren wobei mir der CSS-Code auf den ersten Blick komplizierter erscheint (bin nicht so der große CSS-Könner :-))

Ne Idee worans liegt das MIE größere Abstände macht hast du auch nicht oder?


MfG
cAm3eel
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück