noch ein problem mit höhe/padding/margin??? im ie

Hi Irmen,

ich habe deine Site mal in Firefox und IE aufgerufen.

Ich weiß nicht warum, aber bei mir sieht beides normal aus, also die Darstellung unter IE genauso wie beim FF.

Das einzige was ich festgestellt habe ist, dass die Zeichen unter IE einen kleinen Tick kräftiger dargestellt werden, aber ich denke das dürfte normal sein.

Hi Irmen,

ich habe mittlerweile durch die XP Updates den IE8 drauf, aber ich habe da eine Vermutung wieso es unter IE7 so aussieht, wie bei deinem Bildanhang.

Der IE7 hatte, mal Probleme mit der darstellung von Solid Border in Tabellen, angeblich soll das durch Updates inzwischen behoben sein.

Wie definierst du denn die Eigenschaften der Rahmen auf deiner Seite in der CSS?

Hallo Irmen,

ich könnte mir vorstellen, dass die Rahmendicke eventuell den Inhalt etwas nach unten verschiebt.

Eine Alternative zu Border Solid kenne ich nicht, aber bei selfhtml wird das ganze mit den Rahmen sehr gut erklärt.

Besonders der Abschnitt mit der Rahmendicke ist interessant, weil man die Dicke des Rahmen nicht nur mit 1px bestimmen kann, sondern auch mit dem Begriff thin, der eigentlich von den gängisten Browsern erkannt und korrekt umgesetzt werden sollte.

Ansonsten wüsste ich auch nicht, wie man ältere Browser dazu bekommt alles genauso darzustellen, wie es unter aktuellen Versionen ist.

markus: Hast Du schon einmal den "Kompatibilitätsmodus"-Button in Deiner Adresszeile probiert? Der ist gleich neben dem "Go"-Pfeil. Dann siehst Du die IE7-Darstellung auch noch. Kein Ahnung, warum das jemand als Norm-User haben will, aber: es gibt ihn :mrgreen:

Ich hab jetzt mal kurz reingesehen. Hab folgendes gefunden:

ol li, ul li
line-height: 20px

Ich konnte es leider nicht genau testen, aber versuche doch einmal im Style das zu entfernen, und es dann anzusehen.

Sollte es passen, einfach wieder hinzufügen, und für ul#menu und li.page_item vielleicht mal line-height: normal im Style hinzufügen.

Wie gesagt, ist nur eine Vermutung :)

Anbei: es kann auch am IE-Box Model liegen. Das sieht vor, dass Du Höhen Breiten für all Deine Divs und Spans definierst. Sonst werden margin, padding, etc. geändert.

Für hr und borders würde ich im Stylesheet etwas wie
hr {height: 1px;}
dann sieht das auch im IE brauchbar aus. Outline gibt's dort leider nicht. Daher musst Du bei border bleiben. Vergiss aber nicht, dass die außen angefügt wird, also die Gesamtbreite und -höhe verändert. auf dotted, etc. im IE besser verzichten oder via separatem Stylesheet als Grafik definieren, die Breite und Höhe anpassen und border: 0 oder none; setzen.