C3 Beta 1 - Float Drop für #left und #right im IE8
Ich experimentiere gerade mit der Beta 1 habe hier mal eine Test-Site hochgeladen:
http://c3b1.websites-erstellen-mit-c...nd-bilder.html
Es geht mir um die drei Inhaltsspalten. In normalen Browsern und dem IE9 ist alles okay, aber im IE8 stehen #left und #right unterhalb von #main und ich weiß momentan nicht warum. Ich tippe mal auf einen Rundungsfehler des Browsers bei der Konvertierung von HolyGrail-Minus-Prozenten in Pixel.
Irgendeine Idee, wie man das effektiv korrigieren bzw. verhindern kann?
Anmerkungen:
- Ausgabeformat ist HTML5, aber auch mit XHTML bleibt das Problem bestehen. Hat also nichts mit dem HTML-Shim zu tun.
- Durch den box-shadow für #wrapper wird CSS3Pie aktiviert, aber auch ohne box-shadow und Pie bleibt der Float-Drop.
- #container hat von mir overflow:hidden bekommen, damit es #main, #left und #right umschließt. Ohne overflow:hidden hätte #container die Höhe 0, da im "Holy Grail" alle drei Spalten gefloatet werden.
Liste der Anhänge anzeigen (Anzahl: 1)
Der Screenshot zeigt eine Contao 3 beta 1 Standardinstallation mit der Music Academy, und auch hier dropt #left unter #main.
Kein padding, border oder margin für #main, #left und #right
Nur eine Vermutung:
Du darfst beim "Holy Grail" an die Spalten #main, #left und #right kein padding oder margin oder border oder sowas selbst vergeben. Dann passt das nicht mehr mit dem, was der Layout-Builder von Contao berechnet.
Nimm für die gewünschten Abstände stattdessen einfach die jeweiligen .inside Container, also #left .inside, #main .inside etc.