.div:hover IE probleem

[Verwijderd]

De onderstaande code werkt onder Firefox perfect. Ik weet dat zo iets niet werkt in IE, en dat is dus ook niet het geval. Maar is er een manier dit wel werkend te krijgen dmv. javascript of een andere oplossing? Ik heb niks kunnen vinden via Google of Tweakers.

code:

  #blaat { background-color: #ff0000; }
  #blaat:hover { background-color: #0000ff; }

code:

<a href="#">
  <div id="blaat">test</div>
</a>

[crisp]

http://www.xs4all.nl/~peterned/csshover.html

[BtM909]

http://www.xs4all.nl/~peterned/csshover.html

Van ons aller clay

[ Voor 28% gewijzigd door BtM909 op 27-02-2007 14:27 ]

[soulrider]

een google-tochtje op :hover en IE had je wrs ook vanalles duidelijk gemaakt.

(gevaarlijk als 2 mod's binnen de 3-tal minuten dezelfde link tevoorschijn toveren)

[Verwijderd]

Ik heb zeker naar die termen gezocht maar niks kunnen vinden....

Dit is precies het script wat ik zocht, alleen het werkt nog niet helemaal pefect.

code:

body
{
    behavior: url("csshover.htc");
}

#outer
{
    background-color: #f7f7f7;
    width: 200px;
    height: 200px;
}

#outer:hover 
{
    background-color: #fff; 
    color: #FFCC66;
}

code:

<a href="#">
  <div id="outer">
    blaat
  </div>
</a>

<a href="#">
  <div id="outer">
    blaat
  </div>
</a>

<a href="#">
  <div id="outer">
    blaat
  </div>
</a>

Ik heb nu dus drie blokken. Echter alleen bij het eerste blok werkt de rollover (IE). Is dit een bekend probleem, of heb ik zie ik iets over het hoofd?

[Verwijderd]

Ik heb er een class van gemaakt ipv van een id wat het ook hoort te zijn, en het werkt nu naar behoren.

[OkkE]

Verwijderd schreef op dinsdag 27 februari 2007 @ 15:08:
Ik heb er een class van gemaakt ipv van een id wat het ook hoort te zijn, en het werkt nu naar behoren.

Een ID moet uniek zijn, die mag dus maar 1x voor komen.
Een Class mag zo vaak gebruikt worden als nodig.

[crisp]

en een div mag ook helemaal niet genest worden in een a