nicht angemeldet
hallo,
hab mir gerade eine navi als horizonate liste gebastelt. jetzt würde ich jedoch gerne den einzelnen menüpunkten eine feste breite zuordnen, unabhängig von der wortlänge. so dass halt jeder menüpunkt gleich breit ist. dazu hab ich dem a element eine width zugewiesen, die im opera und ie auch so dargestellt wird, wie ich das gerne hätte, nur im firefox wird diese angabe scheinbar ignoriert.
jemand ne idee, wie ich das lösen könnte? danke schon mal.
<html>
<head>
<link rel="stylesheet" type="text/css" href="navitest.css">
</head>
<body>
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">History</a></li>
<li><a href="#">Releases</a></li>
<li><a href="#">Tour</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Interviews</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Forum</a></li>
</ul>
</body>
</html>
css:
body
{
background-color:#000;
color:#FFF;
font-size:9px;
font-family:verdana;
margin:40px;
}
#navlist
{
width:650px;
border:1px solid white;
margin:0;
padding:10px 0;
white-space:nowrap;
border:1px solid #333;
text-align:center;
}
#navlist li
{
display:inline;
list-style-type:none;
}
#navlist a
{
width:60px;
padding:4px 0px;
background-color:#333;
background-image: url(gfx/topnavbg.gif);
background-repeat: repeat-x;
text-align:center;
}
#navlist a:link, #navlist a:visited
{
color: #FFFFCC;
text-decoration: none;
}
#navlist a:hover
{
background-color: #333;
background-image: url(gfx/topnavhoverbg.gif);
background-repeat: repeat-x;
color: #FFFFCC;
}
gruss,
hurz