Navigationsliste display:block problem

dannybdanny · #1 (**permalink**) 05.03.2010, 18:44

Hallo Community,
ich habe ein Problem undzwar möchte ich eine Navigations liste machen und dann mit block:display versehen.
Leider will die schrift bzw. der block nicht ganz nach links ans DIV.
Der Block soll die gesamte breite vom DIV verwenden.

( bitte keine anderen vorschläge, dass ich das auch ohne liste machen könnte)

HTML-Code:

<body>
<div id="all">
<ul id="navbar1">
<li><a href="#">News</a></li>
<li><a href="#">Status</a></li>
<li><a href="#">Guide</a></li>
</ul>
</div>
</body>

Code:

body {
	font-size:12px;
	font:Tahoma;
	background:#999;
}

#all {
	margin:30px auto;
	background:#999;
	width:900px;
	text-align:left;
}

ul#navbar1 {
	float:left;
	background:#666;
	width:100px;
	line-height:25px;
	letter-spacing:3px;
}
ul#navbar1 a, ul#navbar1 li {
	display:block;
	text-align:center;
	text-decoration:none;
	list-style:none;
	background:#3F3;
}

fricca · #2 (**permalink**) 05.03.2010, 18:54

[FAQ]FAQ: "CSS-Prolog"[/FAQ]

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem beim Überlappen von Listenelement	lostrudel	CSS	4	03.01.2011 17:36
Header entfernen	tripple	CSS	17	15.06.2010 15:41
Problem mit display:block;	img	CSS	4	15.04.2009 13:30
Content Bereich verschiebt sich im IE	Hotbananaoli	CSS	12	26.02.2009 17:33
Problem mit CSS Menü	SMundt	CSS	9	07.01.2009 19:12