IE-6-Kompromiss

Anfang dieser Woche war es mal wieder so weit. Ich bekam Lust auf ein neues Layout. Diesmal wollte ich ein konstantes Layout das auch beim Scrollen stehen bleibt. Mit der Scrolleiste wird nur der Textbereich bewegt, und zwar unter den Layoutrahmen hindurch.

Die Bearbeitung der Template-Dateien nahm drei Tage in Anspruch. Dann startete ich Windows 2000, mit IE6, in der Virtual Box und warf einen Blick drauf. Damit konnte ich dann doch nicht leben (trotz des Vorsatzes mir nichts mehr aus der IE-6-Darstellung zu machen).

Das Originallayout im IE6. Die Inhalte kommen ganz weit unten. Die positionierten Rahmen-Divs wurden zuvor untereinander angeordnet.

Layout meiner Website in Firefox und IE7

Layout meiner Website im Internet Explorer 6, nachdem ich die Rahmenelemente einfach ausblendete und die Menü-Listenelemente im Headerbereich floaten ließ.

Der gesamte Gestaltungsrahmen ist im IE6 ausgeblendet. Das Menü wird in einem eigenen Container, der nur im IE6 (Kopfbereich) sichtbar ist, generiert. Außerdem habe ich die Breite auf 740 Pixel reduziert, denn wer noch den IE6 fährt hat ja vielleicht auch noch einen älteren kleinen Monitor. An der Formatierung der Inhalte selbst musste ich nichts mehr verändern. In einer Stunde (inklusive Tests) war die Anpassung vollzogen. Nein, so schnell geht das nicht immer.

Layout für mobile Endgeräte