+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Problem z float - nie wypełnia całej przestrzeni elementu (/thread-problem-z-float-nie-wypelnia-calej-przestrzeni-elementu)
Problem z float - nie wypełnia całej przestrzeni elementu - allexxiaa - 16-03-2011
Witam wszystkich,
Kod:
<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 id="przerwa">
</div>
</div>Kod:
#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;
}Wynik kodu: http://img832.imageshack.us/i/navf.jpg/
Jak wypełnić całą przestrzeń elementu nav ciemnym tłem 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?
Teraz zrobiłam inaczej.
Kod:
#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;
}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
RE: Problem z float - nie wypełnia całej przestrzeni elementu - jacob - 16-03-2011
a probowales ustalic odgornie width tego Twojego nav ? na 800px ?
nie wiem czy to zadziala ale jakby samo nav bylo float:left;
a dopiero ul wewnatrz byl float right.