onmouseover und -out Problem

[aerox]

hallo,
ich möchte dass ein div die farbe wechselt,
wenn ich mit der Maus rauf gehe, und es soll wieder normal werden,
wenn ich das darüberliegene div mit der Maus verlasse!

Nun brauche ich Hilfe

 

[bronko]

:hover: Mouseover-Effekt: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[aerox]

Dir is schon klar, das IE das nich annimmt?

 

[BcF]

Man könnte jetzt natürlich mogeln und statt nem div einfach <a></a> benutzen, dann gehts auch im IE (evtl. brauch man auch noch href="#").

Da das aber semantisch eine Katastrophe ist, ist der einzige Weg wohl JavaScript:

<script type="text/javascript">
  //<![CDATA[
    function changeBgcolor(div, color) {
      document.getElementById(div).style.background = color + ';'
    }
  //]]>
</script>
[...]
<div onmouseout="changeBgcolor('aendern', '#FFF')">
  <div id="aendern" onmouseover="changeBgcolor('aendern', '#F00')">
    <!-- blub -->
  </div>
</div>

Ungetestet, im Zweifel ausgabe der Fehler Konsole posten.
(Es sollte beim Mouseover rot werden und beim Verlassen das Vaterdivs wieder weiß)

 

[bronko]

Dir is schon klar, das IE das nich annimmt?

also bei meinen versuchen mit dem IE7 geht das auf jeden fall,
das vorherige version das nicht können weiß ich, ist ein fehler des IE.
ist halt die frage in wie weit man auf solche leute noch rücksicht nehmen will.
aber javascript ist auch kein allheilmittel, weil sobald der benutzer es ausschaltet hat er kein funktionierendes menü mehr. es gibt für dieses thema momentan noch keine universallösung die immer funktioniert.

i