jürgen j.: kniffliges Problem: Balkenanzeige mit GIFs oder Tabelle

Beitrag lesen

Hallo!

<div style="width:18%; background:yellow;"> </div>
<div style="position:relative; top:-1.2em;">Text Text Text Text</div>

verlaß Dich aber nicht zu sehr darauf, daß es überall so funktioniert. Ein Problem hat diese Lösung m.E. wohl doch: Sie funktioniert nur, wenn der Browser hier auch wirklich für line-height:1.2em verwendet, was aber nicht grundsätzlich vorausgesetzt werden kann.

Das ist theoretisch richtig, aber praktisch unrelevant.
Alle Browser seit Netscape Navigator 1 verwenden als Zeilenhöhe 120%.
Richtig ist, daß das w3c in einem CSS2 Beispiel-Stylesheet für HTML4 vorschlägt (aber nicht vorschreibt):
body { line-height: 1.33em }.

Daher würde ich dies zumindest noch mit angeben.

Ja, zur absoluten Sicherheit:
line-heigt:1.2em im body oder nur in den divs noch reinschreiben.

tschüs, jürgen