Frage stellen
Danke schonmal für eure Mühe und Zeit.
ich habe eine Navi, wo die Menüpunkte einen padding haben, doch leider ist er im IE und Firefox anders...
und zwar um 10px....
hier ist der html code
- Code: Alles auswählen
<div id="navi">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="index.html">Über uns</a></li>
<li><a href="index.html">Hunde</a></li>
<li><a href="index.html">Prüfungen</a></li>
<li><a href="index.html">Zucht </a></li>
<li><a href="index.html">Kontakt</a></li>
<li><a href="index.html">Impressum</a></li>
</ul>
</div>
un hier der css code
- Code: Alles auswählen
#navi {
width:100%;
height:60px;
border-bottom:solid 1px #b7b7b7;
border-top:solid 1px #b7b7b7;
}
#navi ul {
padding:0px;
margin:5px 0px 0px 0px;
}
#navi li {
padding:0px;
margin:0px;
float:left;
}
#navi a:link, #navi a:visited {
color:#CCC;
background-image:url(../bilder/navi.gif);
padding:7px 17px 7px 17px;
line-height:0px;
font-weight:bold;
text-decoration:none;
}
#navi a:hover {
color:#ffffff;
background-image:url(../bilder/navi_over.gif);
padding:7px 17px 7px 17px;
line-height:0px;
font-weight:bold;
text-decoration:none;
}
Im Firefox ist es so richtig.
Wenn ich bei "#navi ul" magin-top von 5px auf 15px setzte wäre es im IE richtig aber im Firefox falsch.
ich könnte natürlich im css "Styleangaben nur für IE"
* html #
*+ html #
machen, aber ich würde gerne wissen wo das Problem ist, und ob ich das nicht anders lösen kann.
