Probleme mit Float Containeren

[maunakea]

Hallo Leute,

ich habe ein 3 spaltiges Layout. Im FF und IE8 alles bestens. Innerhalb
des IE6 wird die mittlere Spalte um die Höhe der rechten Spalte (grün)
nach unten verschoben. ich denke das ein blöder Fehler oder ein
Bug des IE6 ist. Die Rechte und Linke Box floaten jeweils nach Rechts
bzw. Links

Hat einer einen Tip für mich.

Gruß

Maunakea

[sejuma]

Ist anhand einer Grafik nicht zu beurteilen. Ein Link wäre besser.
Ich vermute, dass es daran liegt:
http://www.ohne-css.gehts-gar.net/0032.php
Gib mal für den IE 6 allen gefloateten Elementen noch ein

Code: Alles auswählen

display: inline;

[maunakea]

Hallo,

also ich habe der mittleren Spalte display:inline verpaßt und/ oder
die Margins jeweils halbiert. Effekt bleibt der selbe.

In einem Buch wurde von der globalen Wirkung von Clear gesprochen,
da hier das clearing des Nachbarojektes einbezogen wird.

Der Fehler sieht genauso aus. Abstellungsmaßnahmen stehen da nicht.

Display:inline hat einen aber an einere anderen Stelle genutzt, Danke.

Gruß

Maunkaea


<div id="main"> <!-- Begin Main################################## -->


<div id="conli"> <!-- Begin Container Links################################## -->
<div id="conli_inhalt" class="clearfix"><!-- Begin Container Links Inhalt################################## -->

<ul id="vmenu"><!-- Begin Menu Links ################################## -->





</ul> <!-- End Menu Links #################################################### -->

</div> <!-- End Container Links Inhalt#################################################### -->
</div> <!-- End Container Links############################################## -->

<!--########################################################################################################################-->
<div id="conre"> <!-- Begin Container rechts################################# -->
<div id="conre_inhalt" class="clearfix"><!-- Begin Container Rechts Inhalt################################# -->

<div id="bild_kunde"> </div>

</div> <!-- End Container Rechts Inhalt#################################################### -->
</div> <!-- End Container Rechts############################################# -->

<!--########################################################################################################################-->



<div id="content"> <!-- Begin Container Content################################# -->
<div id="content_inhalt" class="clearfix"><!-- Begin Container Content Inhalt############################## -->



</div>
<!-- End Container Content Inhalt#################################################### -->

</div> <!-- End Container Content############################################### -->
<!-- Clearing für IE -->
<div id="ie_clearing">&nbsp;</div>

</div> <!-- End main############################################# -->

Css Auszug----------------------------------------------------------------------------------------------------

#main { width:978px;background:url(../../bilder/spacer_content_1.jpg) repeat-y; height:auto; }

/* Navigation vertikal */

#vmenu { }





/* Standard: 200 Pixel */
#conli { width: 358px; height:0px; }
/* (en/de) Standard: 200 Pixel */
#conre { width: 251px; height:0px; }

/* (de) Standard: Flexible mittlere Spalte */
#content { width:368px; margin-left:358px; margin-right:251px; height:430px;background:url(../../bilder/main_content_3.jpg) no-repeat; }


/* Anpassung: #col3 mittels z-index hinter die float-Spalten verschieben */
#conli {z-index: 3; }
#conre {z-index: 5;}
#content {z-index: 1; padding-top:5px;}
#conli_inhalt {z-index: 4;}
#conre_inhalt {z-index: 6;}
#content_inhalt {z-index: 2;}

#conli_inhalt, #conre_inhalt, #content_inhalt {height:0px; }

#conli_inhalt {width: 358px; }
#conre_inhalt {width: 251px; }
#content_inhalt {width:341px; position:relative;overflow:auto; overflow-x: hidden ;height:405px; margin-top:10px; padding-left:15px;}


#content_inhalt { }
/*############################################################################################*/