[dfluess]

Hallo,

zunächst ein Hallo, bin das erste Mal hier und ich hoffe, dass mir hier jemand weiter Helfen kann.

Ich habe eine Website erstellt. Mit entsetzen musste ich nun feststellen, dass die Site mit dem IE6 komplett zerschossen ist und sogar das Klapp-Menü nicht funktioniert.

Ich versuche nun schon seit Wochen das Problem zu finden aber sehe wohl den Wald vor lauter Bäumen nicht mehr.

Es geht um diese Seite:
Home

In allen gängigen Browsern wird die Site korrekt dargestellt. Nur im IE6 nicht.

Kann mir bitte jemand einen Tipp geben?

Vielen Dank in voraus!

LG Detlef

[hubspe]

Hi,

mit dier Zeile:

<?xml version="1.0" encoding="iso-8859-1"?>

ist der IE6 sofort im Quirksmodus.
Streich die erstmal, deine Seite ist auch ohne diese Zeile valide.

Die Motivation diese episch überfrachteten YAML-Konstrukte durchzuhecheln, habe ich leider nicht. Schon diese unzähligen CSS-Dateien rauben einem den letzten Nerv.

Ich häng dir einfach einen Link an die Backe wo ein Dropdown (auch mit IE-Fehlern) erklärt ist.
Guckst du hier.

[heiko_rs]

Grundregel: Bei mehrspaltigen Layouts, bei denen alle Spalten eine width-Deklaration bekommen können, immer alle Spalten floaten (Deine mittlere tut das nicht). Auch bei Dir ist das möglich, weil Du eine px-Gesamtbreite hast und auch alle 3 Spalten problemlos eine px-Breite bekommen können (denn 2 haben diese eh bereits).

Vorteil: Dann kann man innerhalb der mittleren Spalte problemlos clearen und den 3px-Bug im IE < 7 behebt man damit auch gleich (und hasLayout ist auch gesetzt).

Außerdem ganz wichtig zu wissen für den IE < 7: Er dehnt Elemente trotz width-Deklaration aus, wenn ihr Inhalt zu breit ist. Ich habe bei Dir nicht geschaut, aber das kann z.B. eine Überschrift mit zwar korrekter width (wäre eh überflüssig), aber plus seitlichen margins sein, und schon wird die umgebende Spalte zu breit und es fehlt Platz.

Floate also erstmal alle 3 Spalten (jeweils mit width, und horiz. margins anpassen), und dann suche das zu breite Element, durch das eine (oder mehrere) Spalten ausgedehnt werden.

[dfluess]

Hallo,

also das entfernen des

<?xml version="1.0" encoding="iso-8859-1"?>

hat nix gebracht.

@heiko_rs

also ich hab mal versucht die mittlere Spalte auch zu floaten. Dann ist aber erst recht alles durcheinander und das nicht nur im IE6! Außerdem wird durch das floaten dann der Hintergrund nicht mehr nach unten gestreckt.

Ich arbeite mit dem Yaml-CSS-Framework und dachte, dass zu mindest der IE6 damit läuft.

Es muss doch eine einfache Erklärung geben. Ich habe ich mir sicher selbst ein Fallstrick eingebaut, finde ihn nur nicht

[Austen]

Am besten validierst du die Seite zuerst. Da sind einige Tags an Orten, wo diese nichts zu suchen haben.

[heiko_rs]

Zitat von dfluess

ich hab mal versucht die mittlere Spalte auch zu floaten. Dann ist aber erst recht alles durcheinander

Poste einen Link auf den Fehlversuch.

Zitat von dfluess

Außerdem wird durch das floaten dann der Hintergrund nicht mehr nach unten gestreckt.

Siehe FAQ.

[dfluess]

Das mit dem Beispiel zur Fehlerseite ist so eine Sache. Mein Kunde schaut andauernd drauf .

Ich habe es teilweise hinbekommen, nur gab es ein Problem mit dem Platz, sodass die Mittlere Spalte immer nach links unten umgebrochen ist. Außerdem das mit dem Hintergrund, der sich nicht mit dem Text nach unten streckt.

Die Seite dürfte abgesehen von zwei kleineren unbedeutenden Fehlern nun valide sein.

In der FAQ ist auch von YAML (letztes Beispiel) die Rede. Nur arbeite ich ja damit und im YAML-Framework wird die mittlere Spalte eben nicht gefloatet (??)

Eigentlich würde ich gern das Framework nutzen. Ich finde nur den Wurm nicht, denn normalerweise sollte es ja auch damit irgendwie funktionieren.

[fricca]

Ich habe es teilweise hinbekommen, nur gab es ein Problem mit dem Platz, sodass die Mittlere Spalte immer nach links unten umgebrochen ist

#col3_content hat bei dir in den IEs eine Breite von 100% plus Padding plus border.
Ich bin absolut kein intimer Kenner des YAML-Frameworks -- würde aber sagen, das die Klasse "floatbox" da weg muss. Die bringt die Breite mit.

Eigentlich würde ich gern das Framework nutzen.

Dieses Framework will erstmal verstanden werden. Nicht umsonst füllt die Dokumentation ein ganzes Buch.
Es gibt übrigens auch ein YAML-Forum.

[dfluess]

Die floatbox ist nun weg und tatsächlich ist es nun schon viel besser.
Ich meine, ich hatte diese Klasse auf Anraten einmal eingesetzt, da die Inhalte im Mittleren Bereich gelegentlich nach unten rutschten.

Was ich allerdings nun nicht verstehe, dass beim ersten Aufruf der Seite die Inhalte (wenn auch noch nicht ganz wie gewollt) erscheinen und nach einem Reload die Seite weiß ist (??) Die Inhalte in der mittleren Spalte sind dann nicht zu sehen. Erst, wenn ich wieder auf den Manüpunkt "Home" klicke, dann ist der Inhalt wieder da.

Auch funktioniert das Klappmenü im IE6 nicht. Das ist ganz _ohne_ JavaScript, mit Layern und negativer Positionsangaben gelöst. Bei einem :hover, wird die Position des Layers richtig gesetzt und damit sichtbar.

Was kann das denn sein?

[fricca]

Zitat von dfluess

Die floatbox ist nun weg und tatsächlich ist es nun schon viel besser.
Ich meine, ich hatte diese Klasse auf Anraten einmal eingesetzt, da die Inhalte im Mittleren Bereich gelegentlich nach unten rutschten.

Bitte, gern geschehen.
Wenn du die Funktion dieser Klasse benötigst, dann setz sie bei Elementen, bei denen sie keinen Schaden anrichtet. Bitte lies in der YAML-Dokumentation nach, wofür sie gut ist und wie sie eingesetzt wird.

Was ich allerdings nun nicht verstehe, dass beim ersten Aufruf der Seite die Inhalte (wenn auch noch nicht ganz wie gewollt) erscheinen und nach einem Reload die Seite weiß ist (??) Die Inhalte in der mittleren Spalte sind dann nicht zu sehen. Erst, wenn ich wieder auf den Manüpunkt "Home" klicke, dann ist der Inhalt wieder da.

Wahrscheinlich benötigt irgendein Element haslayout. Dies weiter zu analysieren habe ich keine Zeit.

Auch funktioniert das Klappmenü im IE6 nicht. Das ist ganz _ohne_ JavaScript, mit Layern und negativer Positionsangaben gelöst. Bei einem :hover, wird die Position des Layers richtig gesetzt und damit sichtbar.

In den FAQ und in der Suchfunktion findest du massenhaft Information zu Dropdowns -- auch dazu, wie man sie im IE 6 zum Laufen bringt.