Zum Inhalt springen

falscher Abstand von Contentelementen mit CSS_Styled_content

Erstellt am 3. Juli 2007 · 3 Antworten · letzte Antwort am 7. Juli 2007

Tags: Inhaltselemente, HTML & CSS, Frage

micho ·

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

einpraegsam.​net ·
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

micho ·

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