---
title: "Div in Div (Section ?)"
url: "https://www.typo3.net/d/87363-div-in-div-section"
source: "typo3.net"
tags: ["Archiv","TemplaVoilà","Frage"]
created: "2009-02-27"
last_reply: "2009-11-15"
replies: 9
solved: false
page: 1
pages: 1
lang: "de"
---

# Div in Div (Section ?)

Archiv › TemplaVoilà · 9 Antworten · gestartet 2009-02-27

## Eröffnungsbeitrag

**pow** · 2009-02-27 · [Beitrag #1](https://www.typo3.net/d/87363-div-in-div-section/1)

Hallo,

also ich habe mir das Futuristic Template Building nochmal durchgelesen.

Jetzt steh ich vor einer Wand, entweder Kopfblockade oder TV Blockade.
Denke aber eher das erste.

So sieht die Struktur aus:

```html
<div id="wrapkapitel1">
    <div class="grossesbild">
		<div id="Titel_1"></div>
		<div id="Titel_2"></div>
		<div id="Titel_3"></div>
		<div id="Titel_4"></div>
    </div>
</div>
```

Wie schaffe ich, das man in die "grossesbild" ein Bild einfügen kann und in die Titel einen Text.
Wenn ich aus "grossesbild" eine Section mache, kann ich ja dort kein Bild mehr einfügen.
Und Position Absolute geht in diesem Fall nicht, das war die vorherige Lösung. Ich hatte die Titelfolien außerhalb der "grossesbild".

Danke!

## Antworten

### [#2](https://www.typo3.net/d/87363-div-in-div-section/2) · pow · 2009-02-27

Ok anderer Versuch, ich möchte es als Attribute (background-image) Mappen.

```html
<div class="picturekapitel" style="typo3temp/GB/0e322b15af.gif"><span></span>
```

Das ist die Ausgabe, obwohl ich in der XML

```typoscript
					<TypoScript>
	10 = IMG_RESOURCE
	10.file = GIFBUILDER
	wrap = background-image:url(|);
	10.file {
		XY = 200,150
		10 = IMAGE
		10.file.import = uploads/tx_templavoila/
		10.file.import.current = 1
		10.file.import.listNum = 0
		10.file.maxW = 200
		10.file.minW = 200
		10.file.maxH = 150
		10.file.minH = 150
		
	}
							</TypoScript>
```

stehen habe.
Dann sollte doch eigentlich

```html
<div class="picturekapitel" style="background-image:url(typo3temp/GB/0e322b15af.gif);"><span></span>
```

herauskommen?

### [#3](https://www.typo3.net/d/87363-div-in-div-section/3) · sobi555 · 2009-02-27

Stell den Mapping Type auf "Container for Elements" (wie beim Body) - Was passiert dann?

### [#4](https://www.typo3.net/d/87363-div-in-div-section/4) · pow · 2009-03-02

Dann werden alle Marker/Divs innerhalb gelöscht/überschrieben.

### [#5](https://www.typo3.net/d/87363-div-in-div-section/5) · froemken · 2009-04-23

Sowas ähnliches habe ich heute hier schon mal geschildert:
[/d/88005-background-images-im-backend-via-flexible-content](https://www.typo3.net/d/88005-background-images-im-backend-via-flexible-content)

### [#6](https://www.typo3.net/d/87363-div-in-div-section/6) · pow · 2009-04-23

Super Danke, werde ich probieren.

Grüße!

### [#7](https://www.typo3.net/d/87363-div-in-div-section/7) · pow · 2009-05-27

Jetzt stehe ich wieder vor dem selben Problem.

Struktur:

```html
<div id="box2_4">
    <div id="box2_4_1"></div>
</div>
```

In 2_4 soll ein Bild gemappt werden, und 2_4_1 eine plugin.tt_news

Wie realisiert man soetwas mit TV? Section in Section funktioniert ja nicht.
Sobald ich 2_4 mappe, verschwindet 2_4_1.

Der Div 2_4_1 muss wegen der Positionierung innherhalb 2_4 sein.

Lösungsvorschläge sind herzlich willkommen :)

### [#8](https://www.typo3.net/d/87363-div-in-div-section/8) · froemken · 2009-05-28

Das geht nicht! Richtig erkannt...

Hab diese Probleme auch immer wieder einmal und dann baue ich mir die DIVs halt anders auf und experimentiere ein bissl mit diesen float: left und right Geschichten. Hin und wieder hilft auch mal ein SPAN.

Kurz: Du kommst nicht drum dein Template zu ändern.

Mach lieber sowas:

```html
<div class="box">
  <div class="bild" style="float: right; width: 50px; height: 100px;">Ich bin das Bild</div>
  <div class="text">Ich bin der Text</div>
</div>
```

In diesem Beispiel steht das Bild oben rechts in der Ecke und wird links davon vom Text umflossen. Wegen float: right MUSS das Bild-DIV über dem Text-DIV stehen.

froemken

### [#9](https://www.typo3.net/d/87363-div-in-div-section/9) · pow · 2009-05-28

Ok gut, muss wohl wirklich eine Struktur bzw. CSS-Alternative her.

Danke froemken

### [#10](https://www.typo3.net/d/87363-div-in-div-section/10) · fantasmo · 2009-11-15

Hallo,

ich habe schon öfters Sachen mit TemplaVoila gemappt und es hat bislang alles geklappt. Jetzt wollte ich ein etwas verschachtelteres Template mappen und es will nicht so recht funktionieren.

Mein Mapping sieht so aus:
**CO  ROOT** 	INNER 		(ALL)
  L____**EL  mainnavigation** map to ul id="mainnavigation" 	INNER 	ul:inner
  L____**EL  subnavigation** map to ul id="subnavigation" 	INNER 	ul:inner
  L____**EL  main** map to div id="main" 	        INNER 	div:inner
  L____**CO  sidebar** map to div id="sidebar" 	INNER 	(ALL)
  I.............L______**CO  tools** 	     map to div id="tools" 	   INNER    (ALL)
  I.............I..............L_____**EL  search**   map to div id="search" 	INNER  div:inner
  I.............I..............L_____**EL  news**     map to div id="news" 	        INNER  div:inner
  I.............I..............L_____**EL  rss** 	  map to div id="rss" 	        INNER  div:inner
  I.............L______**EL  sidecontent** map to div id="sidecontent"   INNER     div:inner
  L____**EL  footer** 	        map to div id="footer"          INNER 	div:inner

**Also die Probleme kommen auf bei "sidebar"**:
"sidebar" hab ich als Container gemacht, in den soll noch rein:
---ein Container "tools" mit Divs für Suche, RSS, etc (soll später mit Typoscript geschehen).
---ein Bereich "sidecontent" (für ContentElements).

"sidebar" kann ich im Quellcode sehen.
"sidecontent" kann ich weder im Quellcode noch im Modul "Web > Seite" sehen, dabei müsste es mir doch zur Verfügung stehen um ContentElements einzufügen.
"tools" ist auch nicht da, dabei hab ich per Typoscript schon kurze demohafte HTML-Textzeilene reingeschrieben (in lib.search, lib.newsletter und lib.rss) um zu testen, dass "tools" mit seinem Platz für search, newsletter und rss erscheint.

Kann mir jemand helfen, was ich falsch gemacht habe?

Der Quellcode für diesen Bereich sieht so aus:

```html
<div id="content">

  <div id="main">Seitenelemente einpflegen funktioniert hier schon</div><!--main-->

  <div id="sidebar">
      <div id="tools">
          <div id="search">Hier soll was mit Typoscript rein</div> 
          <div id="rss">Hier soll was mit Typoscript rein</div> 
          <div id="newsletter">Hier soll was mit Typoscript rein</div>
     </div>
     <div id="sidecontent">Hier soll der Redakteur Seitenelemente einpflegen können</div>
  </div> <!--sidebar-->

</div> <!--content-->
```

---

Quelle: „Div in Div (Section ?)“, typo3.net, https://www.typo3.net/d/87363-div-in-div-section
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.