"Linie unten" auf Schriftlinie

[Gunnar Bittersmann]

@@citytypo:

nuqneH

Ebenso wenig genügt es, jede Zeile in eine Tabelle zu packen, da das div dynamisch gefüllt wird.

Tabelle?? div?? Das nährt die Befüchtung, Tabellenlayout und Divitis sind dir geläufig, <http://de.selfhtml.org/html/text/index.htm@title=semantisches Markup> jedoch fremd.

Also tun wir den Fließtext doch wie es sich für Fließtext gehört in ein 'p'-Element, wie ChrisB schon sagte.

Hat jemand eine Idee?

Entgegen Thomas’ Unmöglichkeitsvermutung geht es doch mit CSS 2.1 – zumindest in Browsern, die generierten Inhalt auch positionieren können (Firefox 3.5 kann es):

p  
{  
  overflow: hidden;  
  position: relative;  
}  
  
p:before  
{  
  color: gray; /* Farbe der Unterstreichung; entfällt bei Unterstreichung in Textfarbe */  
  content: "\A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  \A0  ";  
  position: absolute;  
  text-decoration: underline;  
}

Anstatt der 42 Wiederholungen von '\A0  ' müssen es hinreichend viele sein, lieber ein paar zu viel als zu wenig. Und ja: zwei Leerzeichen; das erste beendet das Escape.

Qapla'