float problem bei safari bzw. opera
palasmic
- css
0 Beat
hallo zusammen,
ich habe folgendes problem:
der folgende code wird in firefox, ie und safari richtig angezeigt.
in opera fehlt allerdings die komplette hauptseite (div=mainContent).
<div id="box-main">
<div id="subsubnavlist">
<jdoc:include type="modules" name="user2" />
</div>
<!-- end dritte navigationsleiste -->
<div id="sidebar1">
<div id="sidebar-box-oben">
</div>
<div id="sidebar-box-mitte"><jdoc:include type="modules" name="right" />
</div>
<div id="sidebar-box-unten">
</div>
</div>
<br style="clear:left;" />
<!-- end #sidebar1 -->
<div id="mainContent" class="listenkorrektur"><jdoc:include type="component" style="xhtml" />
<br class="clearfloat" />
</div>
wenn ich
<br style="clear:left;" />
raus nehme, dann geht es, allerdings überlappt dann in safari die rechte spalte, den hauptteil, wenn die spalte länger ist als der hauptteil..
.. aus diesem grund hat ich diese zeile code überhaupt eingesetzt. die überprüfung mit opera kam mir erst jetzt in den sinn..
hier noch das css:
#box-main{
width: 895px;
margin: 0 auto;
height: auto;
background-image:url(../images/runder-rand-mitte.png);
background-repeat:repeat-y;
padding-bottom:1px;
padding-top:1px;
margin-top:1px;
}
#sidebar1 {
float: right;
width: 325px;
padding: 0px;
margin-right:20px;
margin-top:5px;
font-size:12px;
text-align:left;
height:auto;
}
#mainContent {
margin: 25px 380px 10px 100px;
text-align:left;
min-height:450px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
besten dank für tipps!
eine hack-anweisung für opera 10 gibt es nicht, oder?
#mainContent {
margin: 25px 380px 10px 100px;
text-align:left;
min-height:450px;
}
Ich rate:
Gib dem #mainContent einen Blockformating Kontext über overflow:auto oder overflow:hidden, statt mit einem margin-right zu arbeiten.
Ich vermute hier immer noch den alten MSIE/Opera Bug.
mfg Beat