Gunnar Bittersmann: 2 Spalten mit Zeilen auf gleicher Höhe

Beitrag lesen

@@michi:

nuqneH

Text, der immer die gleiche Schriftgröße (1.4em) hat.

Und welche Zeilenhöhe? Diese hängt (wenn nicht explizit gesetzt) von der Schriftart ab. Es ist auch nicht zu erwarten, dass bei Angaben in em ganzzahlige Pixelwerte herauskommen.

Die rechte Spalte beginnt mit einem Bild. Darunter ist wieder Text. Ich hätte nun gerne, dass Zeilen der linken Spalte auf der gleichen Höhe liegen wie Zeilen in der rechten Spalte.

Du müsste die Höhe des Bildes plus etwaiger Rahmen und Abstand ein ganzzahliges Vielfaches der Zeilenhöhe sein. Wenn diese schon nicht ganzzahlig ist (s.o.), wird das wohl schwierig.

Ich sehe zwei Möglichkeiten: Du setzt die Zeilenhöhe – in Pixel. Das ist wohl nur sinnvoll, wenn auch die Schriftgröße in Pixel angegeben ist, was auch nicht unbedingt das ist, was man tun möchte.

Oder du liest mit JavaScript die berechnete Zeilenhöhe aus: getComputedStyle() bzw. für IE currentStyle. Dann passt du den Abstand zwischen Bild und Text entsprechend an, so dass die Höhe des Bildes plus etwaiger Rahmen und Abstand wirklich ein ganzzahliges Vielfaches der Zeilenhöhe ist.

Abstände erzeuge ich mit <br />.

Das ist Unsinn. Weg damit!

Der Text [unter dem Bild] ist leider nicht mehr ordentlich ausgerichtet.

Warum sollten bei mehrspaltigem Satz denn die Zeilen überhaupt auf gleicher Höhe liegen? Wen stört’s, wenn sie das nicht tun?

Qapla'

--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)