---
title: "css background bei rollover"
url: "https://www.typo3.net/d/18019-css-background-bei-rollover"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2004-11-15"
last_reply: "2004-11-15"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---

# css background bei rollover

Allgemein · 4 Antworten · gestartet 2004-11-15

## Eröffnungsbeitrag

**nugget** · 2004-11-15 · [Beitrag #1](https://www.typo3.net/d/18019-css-background-bei-rollover/1)

hallo typos, ich habe tmenu gemacht das in eine table gewraped ist. nun will ich das wenn ich mit der maus über einen link im menu gehe sich die hintergrund farbe ändert. die farben sind in css in der klasse "navigation" definiert. im internet explorer funktioniert das auch alles (der gesamte hintergrund der tabelle ändert sich. in firefox händert sich jedoch nur die intergrundfarbe des textes. zum besseren verständnis:

so sieht es im internet exploerer aus:
[Bild: mark.berntheisel.de/ie.jpg](http://www.mark.berntheisel.de/ie.jpg)

so sieht es im firefox aus:
[Bild: mark.berntheisel.de/firefox.jpg](http://www.mark.berntheisel.de/firefox.jpg)

ich will natürlich das es so aussieht wie im beispiel 1 (internet explorer)!

hier mein css:

```css
.navigation a:link {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #515151;
	text-decoration: none;
	background-color: #A6D2FF;
	width: 190px;

} 

.navigation a:visited {
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #515151;
	text-decoration: none;
	background-color: #A6D2FF;
	width: 190px;
} 

.navigation a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #ECECEC;
	width: 190px;
}
```

wer kennt die lösung?

greetz nugget

## Antworten

### [#2](https://www.typo3.net/d/18019-css-background-bei-rollover/2) · jenses · 2004-11-15

Wie immer liegt der IE daneben, ;)
man sollte ihn wirklich nicht als Referenz benutzen;
Firefox liefert die korrekte Anzeige.
mit

```plaintext
display:block;
```

erzeugst du den gewünschten HOVER-Effekt
Cross-Browser-konform.

viele Grüße
jenses

### [#3](https://www.typo3.net/d/18019-css-background-bei-rollover/3) · nugget · 2004-11-15

sehr gut so funktioniert es einwandfrei danke schön!

greetz nugget

### [#4](https://www.typo3.net/d/18019-css-background-bei-rollover/4) · TW · 2004-11-15

> **nugget schrieb:**
>
> sehr gut so funktioniert es einwandfrei danke schön!
>
> greetz nugget

was ham wir gelernt? traue niemals dem IE....

cu
thorsten

### [#5](https://www.typo3.net/d/18019-css-background-bei-rollover/5) · nugget · 2004-11-15

sorry aber das hab ich nicht gelernt! das wusste ich schon ich vergleich aber trotzdem immer in beiden browsern damit eine 100%ig darstellung in beiden browsern möglich ist!

FYI: Ich benutze privat auch firefox

---

Quelle: „css background bei rollover“, typo3.net, https://www.typo3.net/d/18019-css-background-bei-rollover
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.