Trennlinie mit dynamischer Länge zeichnen

[bubble-tech]

Hallo
ich habe folgendes Problem.
Ich möchte über die Breite meiner Seite eine Linie zeichnen, die in der Mitte von Text unterbrochen wird.
Das linke und rechte Ende der Linie laufen aus. Wenn ich jetzt den Browser zusammenschiebe, dann passt sich alles an, nur diese Linie nicht! Wie kann ich das machen?

Das ganze soll so aussehen, egal ob ich eine sichtbare Breite von 1200px oder nur 700px habe.

<========== TEXT ==========>

Danke für jeden Tipp!
Markus

 

[MrMurphy]

Hallo,

eine direkte Lösung per CSS gibt es nicht.

Etwas abweichend von deinem Wunsch habe ich als reine CSS-Lösung diese gefunden:

http://wiki.selfhtml.org/wiki/CSS/Anwendung_und_Praxis/Überschrift_mit_Linie_links_und_rechts

Ansonsten müsstest du wohl zusätzliche Elemente in den HTML-Quelltext bauen, was aber grundsätzlich vermieden werden sollte.

Eine übersichtliche Lösung, die sich mit nur zwei span-Elementen begnügt, habe ich hier gefunden

http://webkrauts.de/artikel/2007/headline-elemente-mit-css-stylen

Die kannst du dann ja deinen Wünschen entsprechend anpassen.

Gruss

MrMurphy