---
title: "falscher Abstand von Contentelementen mit CSS_Styled_content"
url: "https://www.typo3.net/d/64805-falscher-abstand-von-contentelementen-mit-css-styled-content"
source: "typo3.net"
tags: ["Frontend","Barrierefreiheit","Frage","HTML & CSS","Inhaltselemente"]
created: "2007-07-03"
last_reply: "2007-07-07"
replies: 3
solved: false
page: 1
pages: 1
lang: "de"
---

# falscher Abstand von Contentelementen mit CSS_Styled_content

Frontend › Barrierefreiheit · 3 Antworten · gestartet 2007-07-03

## Eröffnungsbeitrag

**micho** · 2007-07-03 · [Beitrag #1](https://www.typo3.net/d/64805-falscher-abstand-von-contentelementen-mit-css-styled-content/1)

Hallo,

ich habe 3 DIV-Bereiche, links das Menü in der Mitte Inhalt und rechts sonstige Infos.

Wenn ich nun in die Mitte Inhalte vom Typ Text_mit_Bild einfüge, wird mir das zweite Bild im FireFOX immer erst auf der Höhe dargestellt, wo das Menue-DIV endet.

Das liegt wohl daran, dass css_styled_content nach jedem "Text_mit_Bild" Element ein div mit der Eigenschaft clear:both einfügt, dass sich am rechten, bzw. linken div orientiert, die mit float definiert sind.

Ich habe schon mal versucht, das mittlere div mit overflow:hide zu definieren um einen eigenen "Block formatting context" zu bekommen, das half aber nicht.

Im IE tritt das Problem übrigens nicht nicht auf.

hier die wesentlichen css Teile:

> div#container
> {
>   width:938px;
>   margin-left:auto;
>   margin-right:auto;
>   border:1px solid silver;
> }
> div#links
> {
>   float:left;
>   width:179px;
>   padding-top:37px;
>   padding-bottom:10px;
>   background-color:#364497;
> }
> div#center
> {
>   margin-left:190px;
>   width:490px;
> }
> div#right
> {
>   width:215px;
>   height:auto;
>   float:right;
>   text-align:left;
>   padding-top:10px;
>   background-color:#D3E2F9;
> }

und das template

> <html>
>   <head>
>     <title>BaBuCo - Template Gold</title>
>     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
>     <meta http-equiv="language" content="de" />
>     <link rel="stylesheet" type="text/css" href="fileadmin/style.css" />
>   </head>
>   <body>
>     <div id="container">
>       <div id="header">
>         ###LOGO######TRAILER###
>       </div>
>       <div id="top">
>         ###MENU_OBEN###
>       </div>
>       <div id="links">
>         <div>
>           ###MENU_LINKS###
>         </div>
>         <div>
>           ###SUCHE###
>         </div>
>       </div>
>       <div id="right">
>         ###RECHTS###
>       </div>
>       <div id="center">
>         <div id="head">
>                 ###DATUM### :: ###SPRACHE### :: ###DRUCKVERSION###<br />
>                 ###KLICKPFAD###
>         </div>
>         <div>
>           ###INHALT###
>         </div>
>       </div>
>       <div id="footer">
>       </div>
>     </div>
>   </body>
> </html>

aa

## Antworten

### [#2](https://www.typo3.net/d/64805-falscher-abstand-von-contentelementen-mit-css-styled-content/2) · einpraegsam.​net · 2007-07-04

> **micho schrieb:**
>
> Wenn ich nun in die Mitte Inhalte vom Typ Text_mit_Bild einfüge, wird mir das zweite Bild im FireFOX immer erst auf der Höhe dargestellt, wo das Menue-DIV endet.

z.B. noch ein DIV Container außenherum zimmern..

Grüße

### [#3](https://www.typo3.net/d/64805-falscher-abstand-von-contentelementen-mit-css-styled-content/3) · micho · 2007-07-04

Danke.
Um welches Element herum würdest Du noch ein Div empfehlen? Um mitte? oder um die Inhaltselemente in mitte? oder nochwoanders ?

### [#4](https://www.typo3.net/d/64805-falscher-abstand-von-contentelementen-mit-css-styled-content/4) · einpraegsam.​net · 2007-07-07

> **micho schrieb:**
>
> Um welches Element herum würdest Du noch ein Div empfehlen?

Um den inneren Container, der dir Probleme bereitet

---

Quelle: „falscher Abstand von Contentelementen mit CSS_Styled_content“, typo3.net, https://www.typo3.net/d/64805-falscher-abstand-von-contentelementen-mit-css-styled-content
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.