Die Standardschriftgröße unter IE6 liegt ungefähr zwischen 12 und 14 Pixel. Wenn Sie versuchen, ein Div mit einer kleineren Höhe als diesem Standardwert zu definieren, wird IE hartnäckig davon ausgehen, dass die Höhe dieser Ebene nicht kleiner als die Zeilenhöhe der Schriftart sein sollte . Selbst wenn Sie height: 6px; verwenden, um die Höhe eines Divs zu definieren, wird im IE tatsächlich immer noch eine Ebene mit einer Höhe von etwa 12 px angezeigt.
Um dieses Problem zu lösen, können Sie die Schriftgröße des Div erzwingen oder das Überlaufattribut definieren, um die automatische Anpassung der Div-Höhe einzuschränken. Beispielsweise können <div style="height: 6px; font: 0px Arial;"></div> oder <div style="height: 6px; overflow: versteckt;"></div> verhindern, dass der IE intelligent ist.
Unter IE7/Firefox/Opera besteht dieses Problem nicht.
<div style="height: 6px; overflow: versteckt;">Bei der Anzeige in Firefox liegt ein Problem vor, zum Beispiel:
<div id="idAnswer" class="ans_ques">
<div class="ans_ques_top"></div>
<div class="ans_ques_content">
<!--
<div class="ans_ques_bg_orange">
<h4>
<div class="ans_ques_h_bg">
<span>Ich möchte eine Frage stellen</span>
<img src="templets/img/squid_decoration.jpg" width="56" />
</div>
</h4>
<p>Wir haben auf unserer offiziellen Website ein Self-Service-Problemeinreichungssystem für Sie eingerichtet, und unsere Kundendienstspezialisten werden sich so schnell wie möglich für Sie darum kümmern! </p>
</div>
</div>
-->
<div class="ans_ques_bottom"></div>
</div>
Die Klasse ans_ques_top ist das obere Hintergrundbild und die Klasse ans_ques_bottom ist das untere Hintergrundbild. Das Ergebnis dieses Entwurfs führt dazu, dass die Klasse ans_ques_top nach rechts verschoben wird.