nicht angemeldet
Hallo
Ich will eine Navigationsbar machen,die horizontal ist.
Hab das mit Liste und float:left gemacht, leider stellt der firefox die Liste nicht im div, sondern unter dem div dar..Wieso??
hab schon alles versucht, was mir in den sinn gekommen ist.
kann jemand helfen
Code: ~~~html
<html>
<head>
<title>Untitled</title>
</head>
<link rel="stylesheet" href="STIL.css" type="text/css">
<body>
<div style="text-align:center; border:1px solid black; width:100%;">
<ul id="list-nav" >
<li><a href="#" id="aktiv">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Contact</a></li>
</ul></div>
<div style="width:750px; height:200px; background-color:green; clear:both;">
</div>
</body>
</html>
CSS:
~~~css
/* Auszeichnung der Leiste mit den Links*/
/*Auszeichnung der Liste, mit Position*/
ul#list-nav{
margin:0 auto 0 auto;
list-style:none;
width:750px;
}
ul#list-nav li{
float:left;
}
ul#list-nav li a {
/*Auszeichnung der Links: FORM*/
width:150px;
height:24px;
background:url(glass_bg.png) transparent top repeat;
display:block;
/*Auszeichnung der Links: SCHRIFT*/
font-family:century gothic;
color:black;
text-decoration:none;
}
/*Links wenn Maus drauf ode Aktiv*/
ul#list-nav li a:hover, ul#list-nav li a#aktiv {
background:url(nav_current.png) transparent top repeat;
color:white;
}