Unterschiedliche Darstellung bei Internet Explorerer, Firefox usw. Einstellungen

[KVB-SV]

Hallo zusammen,

ich bearbeite eine Seite eines Kreisverbandes über Sefrengo. Hierbei ist mir aufgefallen, dass das Seitenformat im Internet Explorer anders als z.B. in Firefox dargestellt wird.

Hier ein Beispiel: http://www.kleingaertner-starkenburg.de/pr...php?idcatside=2

Diese Seite wird im Internet Explorer korrekt dargestellt, in Firefox nicht.

Beispiel 2: http://www.kleingaertner-starkenburg.de/pr...php?idcatside=2

Diese Seite wird in Firefox korrekt dargestellt, aber im Internet Explorer nicht.

Beispiel 3: http://www.kleingaertner-starkenburg.de/pr...ex.php?idcat=34

Diese Seite wird in beide korrekt dargestellt.

In den Seiteneinstellungen kann ich keine Unterschiede feststellen.

Wer hatte das gleiche oder ein ähnliches Problem und kann mir helfen?

Im Voraus vielen Dank!

[FireFlyer]

Schau mal hier, ob dir das hilft. Bin leider nur mit dem iPad online und hab so keinen Vergleich.

[Skylab]

Hallo KVB-SV,

FireFlyer hat Dir schon einen ersten Hinweis gegeben. Nur mal kurz zur Ursache:

Es liegt nicht am CMS. Jeder Browser geht etwas anders mit bestimmten CSS Elementen um, d.h. es kann sein, dass Internet Explorer bestimmte CSS Klassen oder Eigenschaften anders interpretiert als der IE oder Safari.

Im Normalfall baut man hier sog. "Browserweichen" ein, d.h. ich sage z.B. mit meiner CMS: wenn Du ein Internet Explorer ab/über Version 9 bist, dann lade CSS "ie9css" , wenn Du Firefox oder Safari bist lade "main.css".

D.h. ich muss die verschiedenen Browser teilweise unterschiedlich ansprechen. Dies kann man entweder mit mehreren CSS Sheets machen oder die Browserweichen in ein Hauptdokument packen (abhängig vom Umfang).
Am schlimmsten ist eigentlich Internet Explorer, denn hier wird mit jeder neuen Version etwas anders dargestellt und musst nachjustieren.

Leider läßt sich das alles nicht ändern. Sieh Dir einfach mal im Quelltext anderer Homepages an, wie man das gelöst hat oder google nach "Browserweiche".

Nur mal als kleiner Tipp für Dein aktuelles Problem z.B. bei Bildern: Du kannst probieren diese in eine Tabelle einzubauen (dann verrutscht weniger) oder Du stellst Abstände über den Editor ein, in dem Du auch Dein Bild lädtst. Hier kannst Du horizontale/vertikale Abstände auch einstellen.


Grüße