Firefox Darstellungsprobleme

[Thomas]

Hallo,

ich habe folgenden CSS-Code:

td.menue-aktiv a:link  
{  
color:#FFFFFF;  
text-decoration:none;  
background-color:#0000CC;  
width:100%;  
}

Im IE 8 wird die Tabellenzelle beim Überfahren des Links komplett blau hinterlegt, jedoch nicht bei Firefox. Gibts da einen anderen Code, dass das auch bei Fireox klappt?

[Felix Riesterer]

Lieber Thomas,

früher, zu Zeiten des IE6 galt immer die Devise, wenn's im FF anders aussieht, als im IE, dann hat der FF in 99,9% aller Fälle Recht.

td.menue-aktiv a:link { [...] width:100%;
Im IE 8 wird die Tabellenzelle beim Überfahren des Links komplett blau hinterlegt, jedoch nicht bei Firefox.

Im Firefox hat Dein <td> Element wahrscheinlich um den Link herum noch Platz, im IE anscheinend nicht. Ändere das z.B. damit, dass Dein Link auf display:block gesetzt wird.

Liebe Grüße,

Felix Riesterer.

[Thomas]

Danke für eure Tipps. Jetzt klappt es!

[Der Martin]

Hi,

td.menue-aktiv a:link

{
color:#FFFFFF;
text-decoration:none;
background-color:#0000CC;
width:100%;
}

>   
> Im IE 8 wird die Tabellenzelle beim Überfahren des Links komplett blau hinterlegt, jedoch nicht bei Firefox.  
  
Firefox hat Recht: Da a ein inline-Element ist, kann width keine Wirkung haben. Mach also aus dem Link ein Blockelement im Sinne von CSS, dann sollten sich die Browser wieder einig sein.  
  
Ciao,  
 Martin  

-- 
Success should be measured not so much by the position that one has reached in life,  
but by the obstacles one has overcome while trying to succeed.