nicht angemeldet
Nabend,
Ich habe vorhin versucht mit JavaScript ein HoverMenü zu machen - also ein Menü, dass sich erweitert (und weitere Menüpunkte anzeigt) wenn man darübergeht. Beispielsweise so wie auf der Homepage von Adobe (www.adobe.com/de).
Ich habe nun ein Hover Effekt erstellt, der allerdings nur im Mozilla Firefox funktioniert. Unter Internet Explorer funktioniert es nicht.
Gibt es eine Möglichkeit, mit CSS das auch für den IE kompatibel zu machen?
Hier ist meine XHtml-Datei:
»<?xml version="1.0" encoding="iso-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
»<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
» <head>
» <title>Hover</title>
» <style type="text/css">
» body { margin:10%; padding:0; }
» #menu { overflow:hidden; width:120px; height:14px; font-size:12px; border:1px #000 solid; margin:3px; padding:2px; }
» #menu:hover { padding-bottom:120px; }
» </style>
» </head>
» <body>
» <div id="menu">
» <b>Menü</b>
» <dl>
» <dt>Eintrag1</dt>
» <dt>Eintrag2</dt>
» <dt>Eintrag3</dt>
» </dl>
» </div>
» </body>
»</html>
Vielen Dank!
Gruß, Nite