Chrome, Safari, Opera Navigationsfehler

[Margina]

Guten Abend!

Ich habe ein kleines Problem mit meiner waagrechten Navigation. Die Navigation hatt eine breite von 800px, der container Bereich in der sich die Navigation befindet hatt ebenfalls eine breite von 800px.

Nun habe ich das Problem dass bei chrome, opera und safari der letzte Navigationspunkt auf die nächste zeile gedrückt wird, als ob die browser irgendwo ein paar Pixel Breite zuviel machen würden. Bei Firefox und Internet Explorer funktionierts einwandfrei.

Ich habe den Fehler einfach nicht gefunden, darum hoffe ich, jemand von euch kann mir weiter helfen.

  
<?php  
echo '  
<ul>  
<li><a href="#" class="topWhite">#</a></li>  
</ul>  
<ul>  
<li><a href="#" class="topWhite">#</a>  
<ul>  
<li><a href="#" class="dropScnd">#</a></li>  
<li><a href="#" class="dropScnd">#</a></li>  
</ul>  
</li>  
</ul>  
<ul>  
<li><a href="#" class="topWhite">#</a>  
<ul>  
<li><a href="#" class="dropScnd">#</a></li>  
</ul>  
</li>  
</ul>  
<ul>  
<li><a href="#" class="topWhite">#</a>  
<ul>  
<li><a href="#" class="dropScnd">#</a></li>  
</ul>  
</li>  
</ul>  
<ul>  
<li><a href="#" class="topWhite">#</a>  
<ul>  
<li><a href="#" class="dropScnd">#</a></li>  
<li><a href="#" class="dropScnd">#</a></li>  
</ul>  
</li>  
</ul>  
<ul>  
<li><a href="#" class="topWhite">#</a></li>  
</ul>  
<ul>  
<li><a href="#" class="topWhite">#</a></li>  
</ul>  
<ul>  
<li><a href="#" class="topWhite">#</a></li>  
</ul>  
<ul>  
<li><a href="#" class="dropEnd">#</a></li>  
</ul>  
<div class="clearFloat" ></div>';  
?>  

  
#navigation{  
	width: 800px;  
	height: 32px;  
	background-image: url(../img/navVer.png);  
    background-repeat: repeat-x;  
}  
  
#navigation a{  
	text-decoration: none;  
}  
  
#navigation a.dropScnd{  
	width: 180px;  
}  
  
#navigation a.dropEnd{  
	width: 143px;  
  
}  
  
#navigation a:hover.dropEnd{  
	color: #ffffff;  
}  
  
#navigation ul{  
	margin: 0px;  
	padding: 0px;  
	line-height: 30px;  
}  
  
#navigation li{  
	margin: 0px;  
	padding: 0px;  
	list-style:none;  
	float: left;  
	position: relative;  
}  
  
#navigation ul li a{  
	text-align: center;  
	height: 30px;  
	display: block;  
	border: 1px solid #000000;  
	color: #000000;  
}  
  
#navigation ul li ul li a{  
	background-color: #ffffff;  
}  
  
#navigation ul ul {  
	position: absolute;  
	visibility: hidden;  
	top: 32px;  
}  
  
#navigation ul li:hover ul{  
	visibility: visible;  
}  
  
#navigation li:hover{  
	background-color: #328332;  
}  
  
#navigation ul li:hover ul li a:hover{  
	background-color: #bceca8;  
}  
  
#navigation a:hover.topWhite{  
	color: #ffffff;  
}  
  
.clearFloat{  
	clear: both;  
	margin: 0px;  
	padding: 0px;  
}  
  

[Matthias Apsel]

Om nah hoo pez nyeetz, Margina!

Ich habe ein kleines Problem mit meiner waagrechten Navigation.

Ich sehe viele Navigationen. Warum ist das nicht _eine_ Liste. Ich tippe auf whitespace zwischen den Elementen.

Matthias

[Margina]

Om nah hoo pez nyeetz, Margina!

Ich habe ein kleines Problem mit meiner waagrechten Navigation.

Ich sehe viele Navigationen. Warum ist das nicht _eine_ Liste. Ich tippe auf whitespace zwischen den Elementen.

Matthias

Hallo Matthias,

Es sind nicht viele navigationen, es ist einfach ein Drop Down Menü. Es ist doch eine Liste...

[Matthias Apsel]

Om nah hoo pez nyeetz, Margina!

Es sind nicht viele navigationen, es ist einfach ein Drop Down Menü. Es ist doch eine Liste...

Ich zähle 13 öffnende <ul>-Tags und auf den ersten Blick auch Verschachtelungsfehler. Wenn du eine Liste verschachteln möchtest, kannst du hier fündig werden. Frag doch mal den Validator, was der zu deinem Code sagt.

Matthias

[Margina]

Der Validator gibt keine Fehler aus, die auf die Liste zurück zu führen sind. Er spuckt nur Fehler aus die das Facebook social plugin verursacht das noch in der seite eingebunden ist. Ansonsten ist alles ok.

White Spaces habe ich im Notepad++ auch keine gefunden und der CSS validator zeigt ebenfalls keine Fehler an...

[Matthias Apsel]

Om nah hoo pez nyeetz, Margina!

White Spaces habe ich im Notepad++ auch keine gefunden

Jeder Zeilenumbruch ist ein Whitespace.

Matthias