chrisi1002: Anzeigeproblem FF vs. IE

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

  1. 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.