IE 6 zerlegt Layout

[sadara]

Hallo,

mein Layout funktioniert prima in FF, IE ab Version 7, nur im IE 6 mal wieder nicht....dort wird die mittlere Spalte wird nach unten verschoben und ist ausserdem zu gross.

Es ist ein fixes Layout, 3 Spalten, links 190, rechts 180, gesamt 960px.
Demzufolge sollte der <main> Bereich dann also 590px breit sein.

Ich hab mir schon mal den IE Hack von
http://code.google.com/p/ie7-js/ eingebunden, kein Ergebnis.

Dann hab ich mal manuell die Breite von <main> für den IE 6 kleiner gemacht:

<!--[if lt IE 7]>
 <style type="text/css" media="screen">
  #main {width:575px; }
  </style>
 <![endif]-->

und im Seitenlayout eingebunden. Jetzt würde das zwar ungefähr passen, aber der IE 6 verschiebt trotzdem die mittlere Spalte nach unten.

Jetzt weiss ich nicht mehr weiter. Hab so vage was im Kopf mit z-index, weiss aber nicht mehr genau, wo das eingebunden werden müsste...

Hat jemand einen Tipp?

Hier der Link zur Seite (auf "espanol" klicken, gibt derzeit nur spanische Inhalte)

http://www.caballieri.cl/index.php

Vielen Dank,

Sadara

[sadara]

...hat keiner eine Idee?

Ich hab so den Verdacht, dass es was mit der monoslideshow zu tun haben könnte, denn zunächst wird die Seite richtig angezeigt, dann beginnt die slideshow zu laden, und sobald das erste Bild erscheint, rutscht der gesamte Inhalt der mittleren Spalte nach unten (?)

Hab schon alles mögliche ausprobiert, mir fällt nichts mehr ein.....

Sadara

[Andreas]

Hallo Sadara,

deaktiviere alle Javascripts. Dann funktioniert es erst mal. Dann aktiviere die Javascripts einzeln, bis der Fehler auftritt. Ich vermute es liegt am Google-Code IE7.js.

Du kannst auch die Höhe in #left auf auto stellen, oder die Breite von #main auf auto stellen, dann verschwindet der Fehler im IE6 auch.

Gruß Andreas

[sadara]

Danke Andreas,

das Wichtigste ist gelöst: die mittlere Spalte bleibt jetzt oben.

Hab das google-js rausgenommen. Dann fällt die mittlere Spalte zwar nicht mehr nach unten, aber dafür erkennt er dann das min-height der linken und rechten Spalte nicht mehr.

Ich hab jetzt das "min-height" durch "height" ersetzt (für den IE6), dann zeigt er die Spalten wieder richtig an.

Allerdings hab ich jetzt trotz #main {width:auto;} links und rechts eine hässliche schwarze Linie - der main-Bereich ist da um ein paar Pixel zu klein, die schwarze Linie kommt von der Hintergrundfarbe.

Kann man da vielleicht noch was tun - oder muss ich damit leben???

Herzlichen Dank!!!!

Sadara

[Andreas]

Sieht nach dem 3-Pixel-Bug aus. Lohnt sich nicht die Mühe. Kontrolliere FF, IE7+8, Opera und Safari. IE6 User sind das gewohnt, dass sie kaputte Designs vor sich haben.

Gruß