H1&border nicht über das ganze div

[DenisCGN]

hallo zusammen,

kann mir jenamd sagen, wie ich es schaffe, dass die border erst mit der schrift H1 beginnt und nicht durchgehend ist?

hier mal der link:
http://www.musicheadquarter.de/test_...s/css_test.php

grüße
denis

[rewboss]

Am einfachsten ginge es mit position: absolute; -- mit dem Nachteil, dass die Überschrift dann aus dem Textfluss genommen wird. Statt dessen kann man die Überschrift floaten -- da wird sie auch aus dem Textfluss genommen, aber das nächste Element kannst du dann mit clear:left; bzw. clear:right; versehen. Allerdings hat der arme IE jede Menge Probleme mit gefloateten Elementen.

Da du aber, so wie es mir scheint, die Überschrift nur unterstreichen, warum nicht einfach text-decoration:underline; ?

[DenisCGN]

weil dann nur der text unterstrichen ist, ich möchte aber die line bis zum ende durch haben...

[hero-master]

Zitat von rewboss

aber das nächste Element kannst du dann mit clear:left; bzw. clear:right; versehen. Allerdings hat der arme IE jede Menge Probleme mit gefloateten Elementen.

Wenn du clear benutzt, dann "cleart" er aber auch das float, dass für das Bild definiert wurde und somit wird der restliche Text unter dem Bild angezeigt.
Der IE dürfte mit so einer float-Geschichte eigentlich keine Probleme haben, würd ich mal sagen.

Ne andere Idee:
Da das Bild imho eher ein gestalterisches als inhaltlich wichtiges Objekt ist, würd ich es als Hintergrundbild ansetzen und dem Div einfach ein padding mitgeben.

[DenisCGN]

ich habe das jetzt mir MARGIN gelöst.

grüße
denis