✔ Abstand im IE falsch

[emonem]

Hi,

ich habe ein einfaches Vertikales Menu erstellt. Sieht im FF und Opera so aus wie es sein soll nur der IE stellt es mal wieder falsch dar. Die Abstande zwischen den einzelnen Zeilen sind zu weit auseinander obwohl ich padding:0px; habe.
Was muß ich im meinem stylesheet eintragen damit es auch im IE richtig aussieht?

#links {
border:1px solid black;
}

#links ul {
margin:0px;
padding:0px;
}

#links li a {
padding:0px;
display: block;
height: 14px;
text-decoration:none;
font: 10px Verdana, Helvetica, Arial, sans-serif;
color: #000000;
outline: inherit ;
}

#links li {
list-style: none;
}

<div id="links">
      <ul>
        <li><a id="link_1" href="http://deviantart.com"  target="_blank" ><span>&rarr; <b>deviantART -</b> where ART meets application</span></a></li>
        <li><a id="navi_2" href="#" target="_blank" ><span>&rarr; <b>A List Apart:</b> Web magazine for people who make websites</span></a></li>
        <li><a id="navi_3" href="#" target="_blank"><span>&rarr; <b>50 Best Firefox Extensions</b> for Power Surfing</span></a></li>
        <li><a id="navi_4" href="#" target="_blank"><span>&rarr; <b>ColorMatch 5K</b> - the original 5KB color picker</span></a></li>
        <li><a id="navi_5" href="#" target="_blank"><span>&rarr; <b>Stock.XCHNG</b> - the leading FREE stock photo site</span></a></li>
        <li><a id="navi_6" href="#" target="_blank"><span>&rarr; <b>Dr. Web</b> - German Webmagazin</span></a></li>
        <li><a id="navi_6" href="#" target="_blank"><span>&rarr; <b>W3C</b> Markup Validation Service</span></a></li>
        <li><a id="navi_6" href="#" target="_blank"><span>&rarr; <b>gotoandlearn</b> - Flash video tutorials</span></a></li>
      </ul>
    </div>

Zum Schluss noch die betreffende Webseite.

Gruß

 

[Maik]

Probier es mal mit diesem Stylesheet:

body {
font: 10px Verdana, Helvetica, Arial, sans-serif;
}

#links {
border: 1px solid black;
}

#links ul {
margin: 0;
padding: 0;
}

#links li a {
padding: 0;
display: block;
height: 14px;
text-decoration: none;
color: #000000;
outline: inherit;
}

#links li {
list-style: none;
}

 

[emonem]

Hi,

ja danke so funktionierts, aber gibt es hierfür noch eine andere möglichkeit als die stylesheet Angabe im Body Selektor einzutragen? Ich will nicht das sich die Angabe fürs ganze Dokument auswirkt sondern nur für die Navi.

 

[Maik]

Auch das ist möglich, wenn im body-Selektor eine "allgemeingültige" Schriftformatierung für das Dokument vorgenommen wird, also beispielsweise:

body {
font: 12px Verdana, Helvetica, Arial, sans-serif;
}

#links {
border: 1px solid black;
}

#links ul {
margin: 0;
padding: 0;
}

#links li a {
padding: 0;
display: block;
height: 14px;
text-decoration: none;
font: 10px Verdana, Helvetica, Arial, sans-serif;
color: #000000;
outline: inherit;
}

#links li {
list-style: none;
}