Anzeigeproblem FF vs. IE
chrisi1002
- css
0 Steel
Hallo!
Mein Problem:
Habe in einem Menü zwei Punkte, die ich per CSS-Klasse entwas formatiere.
Nun wirden die Menüpunkte im FF richtig angezeigt und im IE nicht.
Hier die CSS-Klassen
.col_left_service_point { margin-bottom:1px; margin-top: 0px; text-align: right; width: 195px; height: 22px; position:relative; left:0px; float: left;}
.col_left_service_point .text a { color: #666; font-size: 11px; font-weight: bold; background-color: #D6D7D6; display: block; margin-top:0px; padding-top: 4px; padding-left: 10px; padding-right: 10px; width: 151px; height: 18px; text-align: right; float: left; text-decoration: none; }
Der HTML-Code:
<div class="col_left_service_point" style="margin-top:50px">
<span class="text"><a href="mailto:test@hugo.de">Kontakt</a></span>
<span class="symbol"><a href="mailto:test@hugo.de"><img src="wwv_flow_file_mgr.get_file?p_security_group_id=6952118132966117&p_fname=icon_mail.gif" alt="" height="22" width="22" border="0" /></a></span>
</div>
FF-Anzeige
IE-Anzeige
Hallo!
Fuer mich siehts wie der gewoehnliche Boxmodelbug des IE aus. Wenn ich mich nicht irre fehlen Dir da 4 Pixel. Und du hast ein Padding von 4. Bei einem IE ab Version 6 sollte es ausreichen nicht in den Quirksmode zu schalten. Also DOCType entsprechend zu waehlen.
Ansonsten musst Du zu nem Hack greifen.
Alle noetigen Infos findest du hier.