---
title: "Einzelne textpic-Blöcke untereinander und nicht floatend"
url: "https://www.typo3.net/d/85730-einzelne-textpic-bloecke-untereinander-und-nicht-floatend"
source: "typo3.net"
tags: ["Frontend","Styling","Frage","HTML & CSS"]
created: "2009-01-13"
last_reply: "2009-01-14"
replies: 5
solved: false
page: 1
pages: 1
lang: "de"
---

# Einzelne textpic-Blöcke untereinander und nicht floatend

Frontend › Styling · 5 Antworten · gestartet 2009-01-13

## Eröffnungsbeitrag

**jumping-blueberry** · 2009-01-13 · [Beitrag #1](https://www.typo3.net/d/85730-einzelne-textpic-bloecke-untereinander-und-nicht-floatend/1)

Liebe Gemeinde,

ich hoffe, meine Frage ist nicht zu komplex, aber da ich noch nicht so wirklich den Überblick habe, kann ich einfach nicht einschätzen, wie schwer oder leicht eine Fragestellung ist.

Ich möchte folgendes erreichen:

```plaintext
|--------------------|
|xxxxxxxx| bla bla   |
|xxBildxx| bla bla bl|
|xxxxxxxx| a bla     |
|xxxxxxxx|           |
|--------|           |
|--------------------|

|--------------------|
|xxxxxxxx| bla bla   |
|xxBildxx| bla bla bl|
|xxxxxxxx| a bla     |
|xxxxxxxx|           |
|--------|           |
|--------------------|
```

Ich weiß, die Darstellung ist etwas eigenwillig.
Aber versteht Ihr, was ich meine?

Das Bild ("links im Text") ist Höher als der Text.
Nun sollte sich die Blockhöhe dem Bild anpassen und den Text des 2. Blocks nicht links neben dem ersten Bild weiterfließen.

Eigentlich lässt sich das nur mit CSS gar nicht realisieren (oder ich habe einen Blackout).
Gibts vielleicht eine TS-Methode die Höhe des Bildes irgendwie auf das umgebende Div zu übertragen??

## Antworten

### [#2](https://www.typo3.net/d/85730-einzelne-textpic-bloecke-untereinander-und-nicht-floatend/2) · freshman17 · 2009-01-13

ist 100% reines CSS!

### [#3](https://www.typo3.net/d/85730-einzelne-textpic-bloecke-untereinander-und-nicht-floatend/3) · Polygnom · 2009-01-13

ja geht mit css

oder teste mal das du am ende vom text ein paar

```php
<p>& nbsp;</p>
```

setzt.
ohne das leerzeichen zwischen & und nbsp

### [#4](https://www.typo3.net/d/85730-einzelne-textpic-bloecke-untereinander-und-nicht-floatend/4) · Michaelh74 · 2009-01-14

Wichtig ist nur, dass Dein Image Float VOR dem 2. Content Element Text m. Bild wieder aufgehoben wird. Soweit ich mich entsinne, macht das T3 über einen eine CSS Klasse image-clearer. Sowas in der sollte drin sein.
Oder bei textpic einer overflow: hidden setzten.

Gruß
Michael

### [#5](https://www.typo3.net/d/85730-einzelne-textpic-bloecke-untereinander-und-nicht-floatend/5) · jumping-blueberry · 2009-01-14

"overflow:hidden" hat in dem Fall geholfen - Danke!

Auf anderen Seiten brauche ich es zwar anders, aber dafür schreibe ich mir schon eine Weiche.

### [#6](https://www.typo3.net/d/85730-einzelne-textpic-bloecke-untereinander-und-nicht-floatend/6) · Torsten.​E · 2009-01-14

```html
<div class="Block">
   <div class="img">
      <img>Bild</img>
   </div>
   <div class="text">
      Das ist mein Text
   </div>
</div>
<div class="Block">
...
</div>
</HTML>

Torsten.E
```

---

Quelle: „Einzelne textpic-Blöcke untereinander und nicht floatend“, typo3.net, https://www.typo3.net/d/85730-einzelne-textpic-bloecke-untereinander-und-nicht-floatend
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.