CSS Formatierung für IE deaktivieren

[Marco Weber]

Hallo Detlef,

ich habe mal etwas mit margin + padding-bottom experimentiert, aber leider ohne Erfolg.

Ich habe mal meinen Code reinkopiert, vielleicht siehst du ja einen Fehler.

.menutitle
{
 font-weight:bold;
 border-top: 1px dashed #000000;
 margin-top: 10px;
 padding-top: 10px;
}

ul, li
{
 margin-left: 0;
 padding-left: 0;
 list-style: none;
 list-style-position: outside;
 font-size: 1em;
}

<ul>
<li class="menutitle"></li>
<li><a href="http://www.yahoo.de/seite1.html" title="seite1">
» Link1</a><br />
<a href="http://www.yahoo.de/seite2.html" title="seite2">
» Link2</a></li></ul>

<ul>
<li class="menutitle"></li>
<li><a href="http://www.yahoo.de/seite3.html" title="seite3">
» Link3</a><br />
<a href="http://www.yahoo.de/seite4.html" title="seite4">
» Link4</a><br />
<a href="http://www.yahoo.de/seite5.html" title="seite5">
» Link5</a></li></ul>

Die Klasse "menutitle" erzeugt eine gestrichelte Linie, welche zwischen den Listen angezeigt wird. Beim IE ist jedoch der Abstand zwischen der Linie und dem Link "Link3" zu groß.

Vielen Dank für alle Tipps.

Viele Grüße
Marco

Sinn der Aktion: beim IE wird im Gegensatz zu den anderen 3 Browsern durch das padding der Abstand zu groß.

Bevor du einen CSS-Hack einsetzt, solltest du ersteinmal padding und margin
des Elternelements und margin-bottom und pading-bottom des darüberliegenden
kontrollieren.

Wenn es bei deiner Seite auf präzise Werte ankommt, solltest du diese auch
selbst setzen. Du weißt nicht, welcher Browser, den du noch nicht getestet
hast, eventuell ähnliche oder noch unpassendere Voreinstellungen hat.