Problem z float - nie wypełnia całej przestrzeni elementu Opcje

[allexxiaa]

Witam wszystkich,

[HTML] pobierz, plaintext 
div id="wrapper">
                  <nav>
			<ul>
				<li><a href="#">Strona główna |</a></li>
				<li><a href="#">O mnie |</a></li>
				<li><a href="#">Kontakt</a></li>
			</ul>
		</nav>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#wrapper {
	margin: 0 auto;
	width: 800px;
}
 
nav {
	float: right;
        background: #333;
 
}
 
nav ul {
	float: left;
	width: 100%;
	padding: 10px 0 0 10px;
	list-style: none;
}
 
nav li {
	float: left;
	margin-right: 1px;
}
[HTML] pobierz, plaintext 

Wynik kodu: http://img832.imageshack.us/i/navf.jpg/

Jak wypełnić całą przestrzeń elementu nav z linkami po prawej stronie?

Po dodaniu width i podaniu wartości do nav jest wypełniona cała przestrzeń nav, ale linki są po lewej stronie - jak zrobić, żeby było po prawej stronie?

[wookieb]

wywal float:left z LI
Dopisz do LI display:block

[allexxiaa]

[HTML] pobierz, plaintext 
#wrapper {
	margin: 0 auto;
	width: 800px;
}
 
nav {
	float: right;
	background: #333;	
}
 
nav ul {
	float: left;
	width: 100%;
	padding: 10px 0 0 10px;
	list-style: none;
}
 
nav li {
	display: block;
	margin-right: 1px;
}
[HTML] pobierz, plaintext 

Niestety nie wyszło. Wynik: http://img853.imageshack.us/i/nav.jpg/
Chcę, żeby element nav wypełniał całą przestrzeń ciemnym tłem, a linki były poziome (w jednym wierszu).

[wookieb]

Wstaw swój kod tutaj http://jsfiddle.net/
Pokaż efekt jaki chcesz osiągnąć.
To co jest teraz wynika z marginesów narzuconych przez listy UL
Poczytaj troszkę kursów o CSS oraz o "reset css"

[allexxiaa]

[HTML] pobierz, plaintext 
<div id="wrapper">
		<nav>
			<ul>
				<li><a href="#">Strona główna |</a></li>
				<li><a href="#">O mnie |</a></li>
				<li><a href="#">Kontakt</a></li>
			</ul>
		</nav>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#wrapper {
	margin: 0 auto;
	width: 800px;
}
 
nav ul {
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 46px;
	list-style: none;
	background: #333;
}
 
nav li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
}
[HTML] pobierz, plaintext 

Wynik: http://img3.imageshack.us/i/navd.jpg/

Wygląda pięknie, ale jak zrobić, żeby linki były po prawej stronie? Nie wyszło mi jak stosowałam float: right

Ten post edytował allexxiaa 16.03.2011, 12:36:11

[krzywy36]

usuń z nav ul width: 100% i daj float: right.