PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Überschrift in neue Zeile bringen


rotalever
2008-02-06, 18:33:03
Mein Problem ist folgendes:
http://img161.imageshack.us/img161/1415/exampledu1.th.png (http://img161.imageshack.us/my.php?image=exampledu1.png)
Die Grafik zeigt einen Ausschnitt. Die beiden roten Kästen sind zwei Bilder, die zusammen in einem div gruppiert sind. Dieses hat die Eigenschaft "float:left". Title ist eine h1 Überschrift, Subtitle eine h2. Der Text sind normale paragraps etc. Mein Problem ist jetzt, dass die Überschrift "Subtitle" rechts neben dem Bild angezeigt wird, da dort halt noch etwas Platz ist. Es wäre aber schöner, wenn sie automatisch in die nächste Zeile gelegt wird, wenn da irgendwie mit CSS geht.

cbs_66
2008-02-06, 19:16:36
Ist vielleicht nicht das eleganteste aber: könntest in dem Container in dem du den Text drin hast, ein margin-bottom oder padding-bottom einfügen, bzw im h2 ein Abstand nach oben.

darph
2008-02-06, 19:26:18
Wenn das nur auf der einen Seite so ist, mach halt einen line-break. Oder du benutzt clear (http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clear).

Beachte aber: Wenn jemand sein Browserfenster schmaler oder breiter hat als du (nicht jeder betreibt seinen Browser im Vollbildmodus!) dann wirft es deine ganze tolle paßt/paßt-nicht Planung durcheinander, weil sich der Text anders darstellt, von verschiedenen Browsern und Bildschirmauflösungen (falls es doch mal fullscreen ist, das Programm) ganz zu schweigen.

rotalever
2008-02-06, 19:45:09
Wenn das nur auf der einen Seite so ist, mach halt einen line-break. Oder du benutzt clear (http://de.selfhtml.org/css/eigenschaften/positionierung.htm#clear).

Ja das ist gut. Manuelle Line-Breaks oder sonstiges wollte ich nicht machen, dass bringt nur Layout vs. CMS durcheinander. clear ist genau das richtige.

Beachte aber: Wenn jemand sein Browserfenster schmaler oder breiter hat als du (nicht jeder betreibt seinen Browser im Vollbildmodus!) dann wirft es deine ganze tolle paßt/paßt-nicht Planung durcheinander, weil sich der Text anders darstellt, von verschiedenen Browsern und Bildschirmauflösungen (falls es doch mal fullscreen ist, das Programm) ganz zu schweigen.
Versteh ich nicht. Wenn ich das Browserfenster schmaler mache, sieht es immer noch gut aus. :confused:

darph
2008-02-06, 21:54:11
Ja das ist gut. Manuelle Line-Breaks oder sonstiges wollte ich nicht machen, dass bringt nur Layout vs. CMS durcheinander. clear ist genau das richtige.

Versteh ich nicht. Wenn ich das Browserfenster schmaler mache, sieht es immer noch gut aus. :confused:
Und wenn du es so breit machst, daß die Überschrift so weit nach oben zieht, bis sie und drei vier Zeilen Text neben den Bildern sind?

rotalever
2008-02-06, 22:25:35
Und wenn du es so breit machst, daß die Überschrift so weit nach oben zieht, bis sie und drei vier Zeilen Text neben den Bildern sind?
Soll sie ja gar nicht. Sie soll immer darunter, da es sonst so aussieht, als würde der nächste Abschnitt auch noch zu den Bildern gehören.