Automatisches DIV zwischen einzelnen Content Elementen

**cubano** · 09.11.2011, 14:15

Hallo Leute

Bin auf der Suche nach einer Lösung, wie ich automatisch ein DIV als Spacer zwischen den einzelnen Inhaltselementen einfügen kann, ohne dass ich jedes einzelne Template anpassen muss.

Danke und Gruss
cubano

**dhe** · 09.11.2011, 14:33

Hm,
würde davon abraten, das Markup unnötig aufzublähen, wenn man das Ganze auch per CSS steuern kann.
Ich hab mir inzwischen ein Standard Entry für CSS erstellt. Stelle ich gern zu Verfügung.

Code:

/* ======== *
 * ABSTÄNDE *
 * ======== */
.ce_text + .ce_text,
.ce_text + .ce_list,
.ce_text + .ce_table,
.ce_list + .ce_list,
.ce_text + .ce_downloadarchiv,
.ce_downloadarchiv + .ce_text,
.ce_gallery + .ce_table,
.ce_table + .ce_gallery,
.ce_table + .ce_text,
.ce_image + .ce_text,
.ce_headline + .ce_text,
.ce_headline + .ce_table,
.ce_headline + .ce_gallery,
.ce_headline + .ce_list,
.ce_text + .ce_form,
.ce_form + .ce_text,
.ce_form + .mod_dlh_googlemaps,
.ce_text + .mod_dlh_googlemaps,
.mod_dlh_googlemaps + .ce_text,
.ce_text + .mod_listing,
.mod_listing + .ce_text,
.mod_listing + .mod_listing,
.image_container + h2,
.gallery + h2,
ul + h1,
ul + h2,
ul + h3,
h1 + h2,
h2 + h3 {
	margin-top:20px;
}

Ist natürlich jederzeit verweiter- & anpassbar.

**cubano** · 09.11.2011, 14:50

Hey danke für die rasche Antwort

Für meinen Fall wäre ein DIV besser, da ich nicht nur einen Abstand brauche, sondern diesen auch per CSS stylen möchte.

Hast du keine Probleme mit den Selektoren für benachbarte Elemente?
Habe gelesen dass nicht alle Browser damit korrekt umgehen können...

Danke und Gruss
cubano

**dhe** · 09.11.2011, 15:45

Also diese CSS Konstrukt kann jeder gängige Browser, sogar der IE6.

Was genau soll dieses DIV machen?

**lindesbs** · 09.11.2011, 15:56

Du kannst Dich auf den getContentElement Hook triggern, und dann einfach bei allen CEs noch dein indivudelles DIV dransetzen.
Du musst ein wenig programmieren, ist aber moeglich

http://www.contao.org/hooks-verwende...ContentElement

**cubano** · 10.11.2011, 07:48

Danke lindesbs!
Das übersteigt jedoch meine Kenntnisse. Ich hab's jetzt mit dem Anpassen der verwendeten Templates gelöst..

Also diese CSS Konstrukt kann jeder gängige Browser, sogar der IE6.

Da wäre ich mir nicht ganz sicher dass es bei allen Browsern funktioniert: http://quirksmode.org/css/contents.html#t12

cubano

**lindesbs** · 10.11.2011, 09:15

Dann nehm mal das angehaengte Modul. Dieses erstellt einfach nach jedem ContentElement einen leeren DIV mit dem Namen des CE-Typs des vorherigen Modules.

Code:

<div class="moduletype_module"></div>
<div class="moduletype_text"></div>

usw.

Vielleicht reicht Dir sowas schon.

Entpacken und in dein sytsem/modules kopieren. Danach hast Du im FE die DIVs

**dhe** · 10.11.2011, 10:14

Zitat von cubano

Da wäre ich mir nicht ganz sicher dass es bei allen Browsern funktioniert: http://quirksmode.org/css/contents.html#t12
cubano

Also ich habe den IE6 in meinem Virtual PC mit Windows XP und SP3 laufen und da funktioniert's zu gewissen Teilen, klar alles geht nicht, da muss man anders ran (z.b. über Conditional Comments).
Ich muss auch zugeben: für IE6 entwickle ich nicht mehr. Nur noch gegen Aufpreis.

**christian** · 10.11.2011, 10:24

Hi cubano,

hier gibts eine passende Extension von Tristan: ce_spacer. Eine "Trennlinie" ist natürlich per CSS so formatierbar, dass es eigentlich keine Linie mehr ist. Das kannst Du nutzen, wenn Du immer wieder mal, aber nicht immer einen Abstand brauchst.

Grüße,

Christian

**cubano** · 10.11.2011, 10:54

Danke lindesbs!
Funktioniert prima! Genau das wonach ich gesucht habe

Danke auch für den Hinweis auf ce_spacer christian.

Ich muss auch zugeben: für IE6 entwickle ich nicht mehr. Nur noch gegen Aufpreis.

Das Leben ist viel einfacher ohne den IE6

Gruss
cubano

**cubano** · 10.11.2011, 11:00

Zitat von dhe

Also ich habe den IE6 in meinem Virtual PC mit Windows XP und SP3 laufen und da funktioniert's zu gewissen Teilen, klar alles geht nicht, da muss man anders ran (z.b. über Conditional Comments).
Ich muss auch zugeben: für IE6 entwickle ich nicht mehr. Nur noch gegen Aufpreis.

dhe:
Was sind so deine Erfahrungen mit IE7 und IE8?
Funktionierts einwandfrei? Ich möchte in Zukunft auch mit diesen Selektoren für benachbarte Elemente arbeiten...

Danke und Gruss
cubano

**dhe** · 11.11.2011, 15:02

Zitat von cubano

Was sind so deine Erfahrungen mit IE7 und IE8?
Funktionierts einwandfrei? Ich möchte in Zukunft auch mit diesen Selektoren für benachbarte Elemente arbeiten...

Klappt einwandfrei!