Listmatic CSS Menü läuft aus dem float

UnoDosTres

Erfahrenes Mitglied
Hallo zusammen,

ich habe das Problem das das Menü total aus dem float läuft. Ich habe es so von Listmatic genommen dort auf der Seite geht es ja auch. Allerdings wenn ich das CSS und den HTML kopieren und lokal anwende läuft es aus dem float.

HTML:
<div id="navcontainer">
        	<ul id="navlist">
        	<li id="active"><a id="current" href="index.html">Startseite</a></li>
        	<li><a href="seite1.html">Seite1</a></li><br />
        	<li><a href="seite2.html">Seite2</a></li>
        	<li><a href="seite3.html">Seite3</a></li><br />
	<li><a href="kontakt.html">Kontakt</a></li>
        	</ul>
       </div>

Code:
/* Navigation */

#navcontainer
	{
		margin: 0;
		padding: 0;
		height: 22px;
		font: 11px Verdana, sans-serif;
		width: 100%;
		border-bottom: 1px solid #bbb;
		list-style-type: none;
		background: #fff;
	}
	
	#navlist li
	{
		float: left;
		margin: 0;
		padding: 0;
		width: auto;
		display: block;
	}
	
	#navlist li a, #navlist li a:link
	{
		background: #fff;
		color: #555;
		text-decoration: none;
		padding: 3px 5px 3px 5px;
		display: block;
	}
	
	#navlist li a:hover
	{
		color: #039;
		border-bottom: 3px solid #bbb;
		cursor: pointer;
		background: #eee;
	}
	
	#navlist li a#current, #navlist li a#current:link
	{
		color: #000;
		cursor: default;
		font-weight: bold;
		border-bottom: 3px solid #999;
	}
	
	#navlist li a#current:hover
	{
		border-bottom: 3px solid #f90;
		background: #eee;
	}


/* Navigation ende */

Als Anhang ein Screenshot wie es aussieht.
 

Anhänge

  • float_fehler.jpg
    float_fehler.jpg
    5,9 KB · Aufrufe: 9

Neue Beiträge

Zurück