---
title: "BE-Layout realisieren (mehrere DIV Ebenen"
url: "https://www.typo3.net/d/117494-be-layout-realisieren-mehrere-div-ebenen"
source: "typo3.net"
tags: ["TYPO3","Template","Frage","TYPO3 6"]
created: "2014-02-25"
last_reply: "2014-02-26"
replies: 1
solved: true
page: 1
pages: 1
lang: "de"
---

# BE-Layout realisieren (mehrere DIV Ebenen

TYPO3 › Template · 1 Antwort · gelöst · gestartet 2014-02-25

## Frage

**tikky** · 2014-02-25 · [Beitrag #1](https://www.typo3.net/d/117494-be-layout-realisieren-mehrere-div-ebenen/1)

Hallo,

ich versuche folgende HTML-Struktur als BE-Layout zu realisieren:

```html
<div class="col-md-8 column-left">...</div>
<div class="col-md-4 column-right">
	<div class="info">
		<h2>Ueberschrift</h2>
		<p>...Textblock...</p>
		<p>... noch ein Text Block</p>
	</div>
	<div class="map">...ein Bild...</div>
</div>
```

Das Backend-Layout habe ich erzeugt und der Seite zugewiesen.
Das Problem ist nun die Umsetzung im TS.
Hier mein Versuch:

```typoscript
temp.contentStructure = CASE
temp.contentStructure {
  key.field = backend_layout
  key.ifEmpty.data = levelfield:-2, backend_layout_next_level, slide
 
  2 = COA
  2.10 = COA
  2.10 {
    # linke Spalte
    10 < styles.content.get
    10.select.where = colPos = 0
    10.wrap = <div class="col-md-8 column-left">|</div>
    # rechte Spalte
    20.wrap = <div class="col-md-4 column-right">|</div>
    # Info
    20.10 < styles.content.get
    20.10.select.where = colPos = 1
    20.10.wrap = <div class="info">|</div>
    # Karte
    20.20 < styles.content.get
    20.20.select.where = colPos = 2
    20.20.wrap = <div class="map">|</div>
  }
}
page.10.variables.content < temp.contentStructure
```

Das Problem sind die verschachtelten DIV's der rechten Spalte.
Ich brauche einen Wrap um die gesamte rechte Spalte und je einen für die beiden DIV's in der rechten Spalte.
Ist sowas machbar und wenn ja wo ist mein Denkfehler?

Vielen Dank und Gruß
Tikky

## Beste Antwort

**tikky** · 2014-02-26 · [Beitrag #2](https://www.typo3.net/d/117494-be-layout-realisieren-mehrere-div-ebenen/2)

Habs selbst hinbekommen:

```typoscript
temp.contentStructure = CASE
temp.contentStructure {
  key.field = backend_layout
  key.ifEmpty.data = levelfield:-2, backend_layout_next_level, slide
 
  2 = COA
  2.10 = COA
  2.10 {
    10 < styles.content.get
    10.select.where = colPos = 0
    10.wrap = <div class="col-md-8 column-left">|</div>
    
    20 = COA
    20 {
      wrap = <div class="col-md-4 column-right">|</div>
      10 < styles.content.get
      10.select.where = colPos = 1
      10.wrap = <div class="info">|</div>
      20 < styles.content.get
      20.select.where = colPos = 2
      20.wrap = <div class="map">|</div>
    }
  }
}
page.10.variables.content < temp.contentStructure
```

## Antworten

### [#2](https://www.typo3.net/d/117494-be-layout-realisieren-mehrere-div-ebenen/2) · tikky · 2014-02-26 · Beste Antwort

(Text siehe oben unter „Beste Antwort“.)

---

Quelle: „BE-Layout realisieren (mehrere DIV Ebenen“, typo3.net, https://www.typo3.net/d/117494-be-layout-realisieren-mehrere-div-ebenen
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.