MudGuard: Firfox ignoriert link mit background

Beitrag lesen

Hi,

Ok, wenn's nicht am Syntax-Fehler liegt und das Phänomen auch bei korrekten Klassennamen auftritt, lohnt eine genauere Analyse.

hey habe ein kleines linkmenu gebaut nur wird dieses nur bei dem internet explorer richtig angezeig. der firefox zeigt nichts.

Falsch. Der IE macht's mal wieder verkehrt.

a.1:hover {background: url(img/linkmenu/1h.jpg);}

<a href="" title="" class="1"></a>

Ein absolut leeres inline-Element. Die Breite ist demnach 0.

die css datei:
.1 {
background: url(img/linkmenu/1.jpg);
width: 102px;
height: 94px;
}

width und height müssen natürlich ignoriert werden, solange der Wert für display bei inline bleibt (bei a-Elementen ist dies der Default).
inline-Elemente sind so breit wie ihr Inhalt es erfordert. Es ist kein Inhalt vorhanden. Die erforderliche Breite ist also 0.
Padding und border-width sind per default auch 0 - die gesamte für das Hintergrundbild relevante Breite ist also 0.
Auf genau dieser Breite 0 zeigt ein korrekter Browser das Hintergrundbild an - ein Hintergrundbild der Breite 0 ist aber ziemlich schlecht sichtbar.

Für die Höhe gilt ähnliches.

Daß der IE width und height doch anwendet, ist ein Fehler.

cu,
Andreas

--
Warum nennt sich Andreas hier MudGuard?
Schreinerei Waechter
O o ostern ...
Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.