Schreck lass nach: Darstellung im IE

[Nadissimo]

Liebe Serendipity-Checker,

jetzt hab ich ein, wie ich fand, so schöne Website gestaltet und das alles immer mit Mac/Safari/Firefox betrachtet. Ich war ja sooo glücklich.

Und jetzt schau ich mir das mal mit Internet-Explorer an und es ist, gelinde gesagt, eine Katastrophe. Die Schriftarten und -größen, alles durcheinander, das Menü links ist nach unten gerutscht. Ich könnte heulen.

Kann mir jemand erklären, was da eigentlich los ist? Wo im Template habe ich rumgefuhrwerkt und was verstellt?

Sachdienliche Hinweise nimmt jede Poli… ich meine: nehme ich gerne entgegen.

Ach ja: meine Website-Adresse findet man in meinem Profil

Dank und liebe Grüße

Christoph

[garvinhicking]

Hi!

Ganz oft kommen die Probleme durch unterschiedliche px/em Umwandlung in Stylesheets. Man sollte möglichst alles nur mit em machen und den IE-Pix-Hack nutzen, oder alles in relativen Prozentangaben.

Nun, das generelle IE/FF-CSS-Problem füllt bücher, ggf. ist das etwas was hier im Forum zu Serendipity nur unzureichend behandelt werden kann. Es sei denn YellowLED erbarmt sich was dazu zusagen, der weiß da alles.

Grüße,
Garvin

[u1amo01]

Ohne IE ist das hier gerade etwas schwierig.

Wenn das Menü nach unten gerutscht ist, probier doch mal die Breite für das Menü etwas schmäler zu machen. Also bei sidebar die Angabe für width statt auf 235 vielleicht wieder auf 230 (oder weniger) setzen und mit IE probieren.

[yellowled]

Es sei denn YellowLED erbarmt sich was dazu zusagen, der weiß da alles.

Hicking, Sie belieben zu scherzen!

Eigentlich ist - zumindest der Aushabe von http://ipinfo.info/netrenderer/ zufolge - das Ganze halb so wild. Die Seitenleiste links rutscht halt unter den Inhalt, scheint's. Das passiert jedem irgendwann mal

Eine Livediagnose ist immer schwierig, wenn man selbst weder einen IE zur Hand noch Zugriff auf den Code hat - ein offensichtlicher, "klassischer" IE-Fehler fällt mir auf Anhieb jedenfalls nicht auf.

Ein relativ simpler Versuch wäre beispielsweise, zunächst mal die Floats im #footer zu clearen:

Code: Select all

#footer { clear: both; }

Alternativ und/oder ergänzend kann es oft helfen, nicht nur die tatsächlich gefloateten divs (hier #content und #sidebar), sondern auch das übergeordnete Container-div (hier #frame) zu floaten. Last not least helfen dem IE mitunter auch position: relative; und overflow: hidden; für das Container-div auf die Sprünge.

Unterm Strich hilft da aber wirklich nur probieren und testen.

YL

[Nadissimo]

Danke, Leute, für die guten Ansätze. Ich werde das wie empfohlen heute mal alles ausprobieren und dann bescheid geben, woran es lag.

Liebe Grüße

Christoph

[Nadissimo]

… jetzt hab ich es also geändert auf 210 und siehe da: es gibt wieder was zu sehen auf der linken Seite.

Uff.

Jetzt muss ich nur noch die doofen Schriften hinkriegen. Aber das ist glaube ich eine Kleinigkeit.

Mensch, da hätte ich aber doch auch wirklich selber drauf kommen müssen. Aber ist schon ein paar Monate her, seit ich die Seite entworfen habe und damals war ich neu in S9y und überhaupt war meine Großmutter gestorben und dieses Erdbeben…

Hallo? Hört mir überhaupt noch jemand zu?

Vielen Dank noch mal und liebe Grüße

Christoph

(ach ja: S9Y is the best!)

[yellowled]

Jetzt muss ich nur noch die doofen Schriften hinkriegen

Du möchtest die Schriftgrößen weder in Pixeln noch in Keywords (font-size: small;) angeben, sondern in em oder Prozent.

Setze idealerweise die Schriftgröße für body auf 100.01% (Lustiger Wert, ich weiß, aber er verhindert Renderingprobleme in IE6 und Opera), damit wird in allen Browsern die vorgegebene Standardschriftgröße verwendet. Das sind "ab Werk" (wenn der Benutzer nichts geändert hat) 16 Pixel für Fließtext, variierend mehr für Überschriften. 13 Pixel entsprechen dann z.B. 81.25%.

YL

[Anitram]

Ich nehme in solchen Fällen immer diesen Link, der mir zeigt, welche Browser "funzen" und welche nicht.

http://browsershots.org/



Allerdings geht das nur einmal in 24h pro Domain