[javandi]

Hallo community,

In unserem ansich erfolgreich abgeschlossenen Typo3 Projekt für die Firmeneigene Webseite ist ein SEHR sonderbarer Fehler aufgetreten. In äußerst unregelmäßigen Abständen stellt der IE6+IE7 das Layout der Startseite völlig zersört dar.

So sieht es dann aus



und so sollte es aussehen



Das Problem ist aber eben das die falsche Darstellung keiner Regel folgt. Manchmal erscheint sie beim ersten öffnen des Browsers und dann erst wieder nach 20-40x reloaden.
Der von Typo3 generierte HTML-Code sowie die zugrundeliegenden Css sind aber immer identisch.

Hat irgendjemand Erfahrung mit einem ähnlichen Problem oder einen Verdacht an was es scheitern könnte?
Bin für jede Hilfe sehr dankbar.

lg
andi

[Jacco]

I looked a bit at your CSS. Remember that z-index only works at position:absolute and that you cannot combine position:relative with float, it's one of the two. I would make it like this :

outer-wrapper -> position:relative and margin:auto
header ->float:left
than make a div container with same width as wrapper, float:left
in the container make 3 divs : main (or left), right and footer --> all float:left

Float-lefts are the easiest way for a layout. Also put a displine:inline at each float-left to avoid the double margin bug for iE6.

I do not advise to use float:right because it gives often different results at different browsers, and it can get tricky.