Element ist mit loose.dtd verschoben

[dedlfix]

Hi!

die selectbox (siehe unten) ist im IE8 nach unten verschoben (im FF, Opera, Chrome, Safari nicht). Wenn man das loose.dtd raus nimmt, sieht's auch gut aus. Aber wie bekomme ich das mit einer dtd-Angabe hin?

Der IE8 hat ein eingebautes Debugging-Werkzeug, zu erreichen mit F12. Damit findest du zu jedem Element eine Layoutdarstellung, in der man dessen Größe und Ränder sieht. Firefox kennt sowas als Firebug-Add-On. Opera und Chrome haben ebenfalls solche Element-Inspektor-Tools, Safari weiß ich grad nicht. Du kannst dir also die Unterschiede im Rendering zwischen allen Browsern anschauen und abweichende Default-Werte durch explizites Setzen vereinheitlichen.

Beim IE8 kommt noch die Kompatibilitätsansicht hinzu, die unter bestimmten Umständen eingeschaltet sein kann und das Render-Ergebnis beeinflusst. Die kann man im Browser oder durch ein Meta-Element (oder HTTP-Header) ausschalten.

Lo!