Zum Inhalt springen

Rahmen um Contentelement, Linie wird unterbrochen

Erstellt am 15. Juni 2009 · 2 Antworten · letzte Antwort am 16. Juni 2009

Tags: HTML & CSS, Frage

Juergen_190 ·

Hallo,

Ich habe unter Typo3 4.2.6 einen Rahmen deiniert für Contentelemente.

Hierzu habe ich im Page TS Config folgendes eingegeben:
# alle Rahmen entfernen
TCEFORM.tt_content.section_frame {
removeItems = 1,5,6,10,11,12,20,21
}

# neuen Rahmen hinzufügen
TCEFORM.tt_content.section_frame {
addItems.100 = mein erster Rahmen
}

Im Typoscript der Rootseite:
#rahmen um Content, deklaration im Page TS Config
tt_content.stdWrap.innerWrap.cObject = CASE
tt_content.stdWrap.innerWrap.cObject {
key.field = section_frame
100 = TEXT
100.value = <div class="mein-rahmen"> | </div>
}

page.CSS_inlineStyle(
.mein-rahmen{border:3px solid #cc9900;}
.mein-rahmen {padding-left:10px;}
.mein-rahmen {padding-right:10px;}
.mein-rahmen {margin-top: 10px;}
.mein-rahmen {padding-top: 10px;}
.mein-rahmen {padding-bottom: 10px;}
)

Das funktioniert auch soweit gut, ausser im Contentelement "Bild neben Text", wenn das Bild höher ist als der Text daneben.
Da werden die beiden senkrechten Linien des Rahmens ab der Stelle wo der Text aufhört unterbrochen, d.h. bis ans untere Ende des Inhaltselements nicht mehr angezeigt.
Bei den anderen Inhaltsarten wie z.Bsp "Bild im Text rechts" funktioniert es.

Hat jemand eine Erklärung????

Danke

Julian.​Hofmann ·

Hallo Jürgen.

Juergen_190 schrieb

Hat jemand eine Erklärung????

Das hängt mit dem Floating und dessen Clearing zusammen. Float hebt teilweise die Blockeigenschaften auf. Daher müsstest Du einen Weg finden, wie stets erzwungen wird, dass Dein Rahmen die volle Größe hat.
Meine, dass das Möglich war, indem vor dem schließenden div-Tag nochmal ein Element mit voller Breite eingeschoben wird (z.B. ein HR).

Viele Grüße
Julian

P.S: Es erleichtert die Lesbarkeit von TS hier im Forum, wenn Du TS auch als solches formatierst 😉

Juergen_190 ·

Hallo Julian,

Vielen dank,
Jetzt wüsste ich aber nicht, wie ich dies dauerhaft bewerkstelligen könnte.
Ich kann natürlich die betreffenden Inhaltselemente bis zum Bildende mit Leerzeilen füllen... aber befriedigend ist das nicht.

Kann an sowas nicht im css_styled_content dieser Vorlage lösen ? (also Bild neben Text)

Gruß, Juergen