Line-Height beim IE

[gitiai]

Hallo,

Ich habe bei google zu viel gefunden, was mir nicht weitergeholfen hat;
Und bevor ich verzweifle, schreibe ich hier lieber Folgendes:

Ich habe den Abstand der Kategorienamen im Seitenframe mit Line-Height vergrößert (über die CSS-Datei).

Wird auch super im Firefox angezeigt, allerdings ignoriert der IE diesen Befehl.

Kann die aktuelle Version des IE überhaupt den Befehl "Line-Height" oder worin liegt der Unterschied bei der Interpretation zwischen z.B. Firefox und IE?
(Alle anderen CSS-Befehle werden korrekt umgesetzt.)

gruß
gitiai

 

[dkdenz]

Die Eigenschaft line-height wird von allen modernen Browsern ohne Einschränkung unterstützt.
Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : LINE-HEIGHT }
Es wäre interessant den Code zu sehen oder besser einen Link, damit man sich ein Bild vom Drumherum machen kann.

 

[kkapsner]

Ich hatte damit beim IE auch schon Probleme, aber nur, wenn ich im Quirksmode gearbeitet habe - eine anständige DOCTYPE sollte Abhilfe schaffen.

 

[gitiai]

Es wäre interessant den Code zu sehen oder besser einen Link, damit man sich ein Bild vom Drumherum machen kann.

Hab jetzt zumindest gefunden, was den Fehler hervorruft:
Ich habe ein Bild vor dem Text. Siehe:

<img src="beispiel.jpg" height="8px" width="8px">
<font style="line-height: 4">	Hallo<br>
Hallo<br>
Hallo<br>
</font>

Der Firefox gibt den Code korrekt aus (überall gleicher Abstand). Beim IE wird der Abstand durch das Bild um einiges verringert (erster Abstand geringer als zweiter.

Kann man da was tun, weil ich verstehe ehrlich gesagt nicht warum der das macht?

gitiai

 

[dkdenz]

<img src="beispiel.jpg" height="8px" width="8px">
<font style="line-height: 4">	Hallo<br>
Hallo<br>
Hallo<br>
</font>

In den paar Zeilen so viel Murks. Sorry.
Font ist Bääh!
Und dann line-height:4.
4 was? Strümpfe? Brötchen?
line-height sollte i.d.R. schon mehr sein als die Schrifthöhe.
Wenn diese z.B. 12px hat, dann wäre z.B. 14px in Ordnung.
Außer Du willst die Zeilen ohne Lücke aneinander packen.

 

[anna55]

Und dann line-height:4.
4 was? Strümpfe? Brötchen?

Brötchen wären in diesem Fall ok: line-height: Zeilenhöhe: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets (bei Anmerkung)

Wenn nichts geändert werden soll, dann gib dem Bild eine Klasse, damit nur dieses Bild betroffen ist, z.B.

<img class="passt" src="....

Und schreib in Dein CSS oder in einen Stylebereich im Head einen kleinen IE6-Hack, denn um den geht es ja wohl.

* html img.passt {
	margin: 26px 0;
	vertical-align: middle;
}

 

[gitiai]

@anna55 - Vielen Dank!!

Habs jetzt über die Image-Definition von dir in Ordnung gebracht!


ps. @ dkdenz

In den paar Zeilen so viel Murks. Sorry.
Font ist Bääh!
Und dann line-height:4.
4 was?

Ich denke, es war ersichtlich, dass das kurze Beispiel von mir auch nur als Beispiel gedacht worden war (um zu zeigen wo der Fehler liegt.)

Der tatsächliche Code is dann doch ein bisschen komplizierter und hat sicherlich keinen (doch relativ großen) Zeilenabstand von 4...

gruß
gitiai

 

[anna55]

...Der tatsächliche Code is dann doch ein bisschen komplizierter ...

Das ändert nichts daran, dass Dein Beispiel das Font-Element enthält und es naheliegt, dass Du dies auch in Deinem HTML einsetzt.
Lass es: Alignment, font styles, and horizontal rules in HTML documents

Wir empfehlen gerne einen der Validatoren zur Überprüfung des Codes.