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