Firefox zeigt Seite anders an als IE Einstellungen

[Serhat_K]

ich hab da auch ein fehler. muss grad als "Hausaufgabe" eine eigene Seite erstellen. also alles selber gemacht (CSS, HTML usw.). Soweit bin ich auch gekommen. Habe auch die Seite hochgeladen: Klickt hier.
Ok, im Firefox sieht alles (jedenfals bei mir) normal aus. Im IE und auch bei Phase 5 (F9) erscheint der Inhalt unter der Navigation.

danke im vorraus.
mfg. Serhat K

Der Beitrag wurde von Serhat_K bearbeitet: 21.10.2008 - 18:49

[i.b.g]

Hallo,

Ok, im Firefox sieht alles (jedenfals bei mir) normal aus. Im IE und auch bei Phase 5 (F9) erscheint der Inhalt unter der Navigation.

Das ist ein klassischer Berechnungsfehler, der entsteht, wenn man ein pixelgenaues festes Seitenlayout einrichtet. Du musst, da die IE-RenderEngine mit dem Box-Model anders umgeht als die Gecko-RenderEngine, etwas mit den Pixelangaben rumspielen und die Breitenangaben minimal reduzieren, bis es im IE passt. Du hast dann zwar im FF etwas größere Abstände, aber damit wirst Du leben müssen.

[Auge]

Ok, im Firefox sieht alles (jedenfals bei mir) normal aus. Im IE und auch bei Phase 5 (F9) erscheint der Inhalt unter der Navigation.

Das ist ein klassischer Berechnungsfehler, der entsteht, wenn man ein pixelgenaues festes Seitenlayout einrichtet. Du musst, da die IE-RenderEngine mit dem Box-Model anders umgeht als die Gecko-RenderEngine, etwas mit den Pixelangaben rumspielen und die Breitenangaben minimal reduzieren, bis es im IE passt. Du hast dann zwar im FF etwas größere Abstände, aber damit wirst Du leben müssen.

Muss er nicht.

Mit Conditional Comments kann man dem MSIE ab Version 5 andere bzw. weitere Inhalte unterschieben, z. B. auch ein <link>-Element, das auf eine IE-spezifische CSS-Datei verweist. Alternativ kann man einzelne Anweisungen mit CSS-Hacks nur für bestimmte Browser (auch IE) zugänglich machen. (siehe: SELFHTML: CSS-Browserweichen zum ausschließen älterer Browser)

Was das Box Model betrifft, sollte Serhat mal die Suchmaschine seiner Wahl mit dem Begriff "Box Model Bug" anschmeißen, damit er über das Warum und Wie bescheid weiß.

Tschö, Auge

Der Beitrag wurde von Auge bearbeitet: 27.10.2008 - 14:06

[i.b.g]

Hallo,

Mit Conditional Comments kann man dem MSIE ab Version 5 andere bzw. weitere Inhalte unterschieben, z. B. auch ein <link>-Element, das auf eine IE-spezifische CSS-Datei verweist. Alternativ kann man einzelne Anweisungen mit CSS-Hacks nur für bestimmte Browser (auch IE) zugänglich machen. (siehe: SELFHTML: CSS-Browserweichen zum ausschließen älterer Browser)

ich mag keine Browserweichen und das Pflegen von x verschiedenen Stylesheets, nur weil sich einige nicht an die Abmachungen halten.

[Auge]

Mit Conditional Comments ...

ich mag keine Browserweichen und das Pflegen von x verschiedenen Stylesheets, nur weil sich einige nicht an die Abmachungen halten.

Ich wiederum mag das pixelgenaue Festnageln von Layouts nicht. Was schert mich der eine Pixel hier oder da, solange es nicht gleich das gesamte Layout zerschießt. Zumal, wenn man nicht nur eine Privatseite erstellt, die Zukunft wesentlich höhere Anforderungen an die Flexibilität hinsichtlich der Layouts bereithält. Man denke nur an Browser auf Smartphones, die einen wesentlich kleineren Anzeigebereich haben. Die Lösung, die auf dem iPhone benutzt wird, querscrollen zu müssen, ist (meiner Meinung nach) keine Lösung. Man kommt also eh nicht umhin, das/die Layout(s) so zu gestalten, dass sie auf unterschiedlichen Medien wiedererkennbar aber doch unterschiedlich dargestellt werden. Mit einer Einstellung, die dies berücksichtigt, hat man aber auch gleich Hammer und Nägel aus dem Denken verbannt.

Allerdings gibt es mMn doch Fälle, wo die Unfähigkeit verschiedener Browser, bestimmte CSS-Definitionen darzustellen, CSS-Weichen erforderlich macht. Und dann sind mir, da es sich in heutiger Zeit im Normalfall um die eine oder andere (oder alle) IE-Version(en) handelt, Conditional Comments doch recht lieb.

Tschö, Auge

[Google Bot]