Hallo,
weiß jemand wieso der IE (zumindest 5 und 6) die Angabe "line-height" für Listenelemente ignoriert, wenn ein img-Element in der Liste ist?
Bei folgendem Code kann ich die veränderte Linienhöhe nur für "Punkt 4" sehen, bei allen anderen Punkte wird sie ignoriert:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Listen</title>
<meta http-equiv="content-type" content="text/html;iso-8859-15" />
<style type="text/css">
li{
line-height : 50px;
}
</style>
</head>
<ul>
<li><img src="dot.gif" alt="" /> Punkt 1</li>
<li><img src="dot.gif" alt="" /> Punkt 2</li>
<li><img src="dot.gif" alt="" /> Punkt 3</li>
<li> Punkt 4</li>
<li><img src="dot.gif" alt="" /> Punkt 5</li>
<li><img src="dot.gif" alt="" /> Punkt 6</li>
</ul>
</body>
</html>
In den anderen Browsern macht das kein Problem. Gibts hier eine Lösung?
Für obigen speziellen Fall ließe sich natürlich ein "list-style-type" definieren, aber es kommt auch vor, dass die "dot.gif"-Grafik nicht am Anfang steht sondern im Text des Listenelements, da sie allgemein einen Link symbolisiert.
Vielen Dank, Frank