---
title: "css_styled_content, img und margin"
url: "https://www.typo3.net/d/46607-css-styled-content-img-und-margin"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2006-07-17"
last_reply: "2006-07-21"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# css_styled_content, img und margin

Allgemein · 2 Antworten · gestartet 2006-07-17

## Eröffnungsbeitrag

**Ralf2302** · 2006-07-17 · [Beitrag #1](https://www.typo3.net/d/46607-css-styled-content-img-und-margin/1)

Guten Abend Forum,

ich habe ein Layout mit CSS und css_styled_content realisiert. Dabei hat der komplette Inhalt einen Rand (margin) von 5px. Hintergrund: Die Überschriften haben auf der linken Seite einen kleinen Balken und der "beginnt bei 0". Mein Problem ist nun, dass Bilder, die in den Text eingefügt werden, diesen Rand nicht beachten und somit aus dem normalen Textfluss auf der Seite hinausragen. Das sieht unschön aus und daher möchte ich das ändern. Leider weiß ich nicht so genau, wo ich drehen muss...

Der Quellcode an der betreffenden Stelle sieht so aus:

```html
<!--  CONTENT ELEMENT, uid:83/textpic [begin] -->
  <a id="c83"></a>
  <!--  Header: [begin] -->
  <div class="csc-header csc-header-n5"><h3>Überschrift</h3><br /></div>
  <!--  Header: [end] -->

  <!--  Image block: [begin] -->

  <div class="csc-textpic csc-textpic-intext-right csc-textpic-equalheight"><div class="csc-textpic-imagewrap"><dl class="csc-textpic-image csc-textpic-firstcol csc-textpic-lastcol" style="width:70px;"><dt><a href="index.php?[...]" target="thePicture"><img src="typo3temp/pics/254a7b69c9.jpg" width="70" height="50" border="0" alt="" /></a></dt><dd class="csc-textpic-caption"></dd></dl></div><div class="csc-textpic-text">
  <!--  Text: [begin] -->
    <p>bla bla bla</p>
  <!--  Text: [end] -->
  </div></div>
  <!--  Image block: [end] -->

  <!--  CONTENT ELEMENT, uid:83/textpic [end] -->
```

Wer hat für mich die rettende Idee und sagt mir, was ich in meine CSS einfügen muss, damit das Bild den Rand beachtet?

Vielen Dank schon mal und viele Grüße
Ralf

## Antworten

### [#2](https://www.typo3.net/d/46607-css-styled-content-img-und-margin/2) · just2b · 2006-07-18

Hallo Ralf,

ein link wäre hilfreicher weil man zB mit Firefox onthefly css ändern kann... das hier nützt gar nichts weil weder dein Template noch dein CSS bekannt ist (und wenn du das reinstellst wird sich wohl niemand die MÜhe mache das nachzubauen)

georg

### [#3](https://www.typo3.net/d/46607-css-styled-content-img-und-margin/3) · Ralf2302 · 2006-07-21

Hallo Georg,

vielen Dank erst mal für die Antwort. Und vielen Dank für den Hinweis, dass man im Firefox das CSS direkt ändern kann. Wieder was gelernt... ;-)

Ich habe jetzt die Ränder meines content-div's so angepasst, dass die Bilder jetzt im "normalen" Bereich stehen und in's Layout reinpassen.

Nochmals danke und ein schönes Wochenende
Ralf

---

Quelle: „css_styled_content, img und margin“, typo3.net, https://www.typo3.net/d/46607-css-styled-content-img-und-margin
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.