css problem med float left och right

swan · 2007-01-24, 14:01

I min header så har jag en lista där jag vill positionera en text till vänster, en text i mitten och en text till höger. Mitt problem är att den text som är längst till höger hoppar ner en bit. Så här ser det ut:

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title></title>	
<style type="text/css">
<!--
ul#nav-top {
	list-style: none;
	text-align: center;
	}
	ul#nav-top li {
 display: inline;
 }
 ul#nav-top li.left {
 float: left;
 }
 ul#nav-top li.right {
 float: right;
 }
//-->
</style>
</head>
<body>
	<ul id="nav-top">
 <li class="left">left</li>
 <li>center</li>
 <li class="right">right</li>
	</ul>
</body>
</html>

Nån som har en aning om vad som kan vara fel?

Sillen · 2007-01-24, 14:14

Prova detta:

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title></title>
<style type="text/css">
<!--
ul#nav-top {
list-style: none;
text-align: center;
}
ul#nav-top li {
 display: inline;
 }
 ul#nav-top li.left {
 float: left;
 }
 ul#nav-top li.right {
 float: right;
 }
//-->
</style>
</head>
<body>
<ul id="nav-top">
 <li class="right">right</li> <---flyttad hit
 <li class="left">left</li>
 <li>center</li>
</ul>
</body>
</html>

EDIT: kunde visst inte lägga till bold text..

swan · 2007-01-24, 14:17

Tack! Jag visste att det var ett lätt problem!! Har stirrat mig blind på detta 1 timme!

Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)

Menu

css problem med float left och right