[nickdesign]

Hmm.. ich mal wieder

Ich bin gerade dabei das Projekt für einen Künstler abzuschliessen und habe angefangen die Seite hochzuladen und das CMS zu laufen gebracht. Nun steh ich vor einem Rätsel, der gute Herr rief mich heute an und sagte mir diese würde nicht laufen auf Chrome, gesagt und sofort nachgeschaut.

Tatsache , Chrome in der aktuellsten Version sowie Safari laufen nicht.


IE läuft zwar, nur muss ich da noch n paar Hacks einfügen, der Fuchs rennt ohne Probleme...


Warum seh ich nix im Safari und im Chrome Browser????


- > http://www.sfhalo.de/index.php?id=1

[DerM]

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.sfhalo.de%2Findex.php%3Fid%3D1

[nickdesign]

[Zeithase]

Das overflow: hidden für #first_container ...

[nickdesign]

[heiko_rs]

Du machst einen typischen (Anfänger-)Fehler: height in % funktioniert nur, wenn das Elternelement ebenfalls eine height-Deklaration hat. Dein height: 100%; für #first_container fällt flach, weil html keine height-Deklaration hat (auto ist Initialwert und daher gleichbedeutend mit komplett fehlender Dekl.) und dadurch die von body wirkungslos bleibt. Resultat: #first_container hat die Höhe 0, da ihm auch sein einziges Kind keine Höhe verschafft, denn dieses ist abs. pos. Und wenn #first_container dann auch noch overflow: hidden; hatte - pures Glücksspiel.

Und Dein #third_container verschwindet bei geringer Viewport-Höhe gleich ganz, da Du ihn per pos. rel. um 163px hochschiebst - zuviel, wenn top: 30%; von #second_container das nicht mehr abfangen kann.

Abenteuerliche, instabile Konstruktion und daher absolut nicht praxistauglich.