nicht angemeldet
hallo,
schade, daß der Opera sich hier wohl an der falschen Darstellung des IE orientiert; laß mich raten: kein (vollständiger) Doctype vorhanden?
habs jetzt erstmal nur offline ohne doctype angabe getestet.
Du kannst inline-Elementen keine Weite zuweisen. Verwende display:block und float.
ja sowas dachte ich mir schon. habe das jetzt auch mal versucht und hab zumindest schon mal ein ergebniss, das in allen 3 oben genannten browsern identisch aussieht. nur wie krieg ich jetzt die navi in dem grauen rahmen horizontal und vertikal zentriert? mit text-align:center und vertical-align:middle funktioniert es bei mir nicht.
<html>
<head>
<link rel="stylesheet" type="text/css" href="navitest.css">
</head>
<body>
<ul id="navcontainer">
<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;
}
#navcontainer
{
height:35px;
margin:100px;
padding:0;
border:1px solid #333;
list-style-type:none;
text-align:center;
}
#navcontainer li
{
display:block;
float:left;
padding:0;
margin:0;
}
#navcontainer li a
{
background:#333;
width:60px;
padding:4px 2px;
margin:0 2px;
color:#fff;
text-decoration:none;
display:block;
}
#navcontainer li a:hover
{
color:#fff;
background:#333;
}
#navcontainer a:active
{
background:#333;
color:#fff;
}
danke und gruss,
hurz