Dropdown-Menü funktioniert im IE nicht

[alexander93]

Hallo! Ich habe für die Sprachauswahl auf meiner Website ein Dropdown-Menü mittels <ul> und <li> erstellt. Die aktuelle Sprache steht fix, die weiteren Sprachen klappen nach unten aus, wenn man mit dem Cursor über die aktuelle Sprache fährt.

Im Firefox funktioniert das Dropdown-Menü problemlos, im IE (Version 9) wird jedoch nichts ausgeklappt.

Hier ist die URL meiner Seite: http://personizer.de

Die <div> in der sich die Liste befindet hat folgende Eigenschaften:

  
.main_menu  
{  
height:25px;  
line-height:25px;  
color:#FFF;  
position:relative;  
width:100%;  
font-family:Calibri, sans-serif;  
font-size:13px;  
}  
.main_menu ul  
{  
padding:0px;  
margin:0;  
list-style:none;  
}  
.main_menu ul li  
{  
padding:0;  
margin:0;  
width:100%;  
float:left;  
background:url(http://s447510501.online.de/content/images/bg_navi.png);  
border-bottom: 1px solid #333;  
}  
.main_menu ul li a  
{  
color:#FFF;  
display:block;  
width:100%;  
text-decoration:none;  
padding:0 0px;  
}  
.main_menu ul li a:hover  
{  
background:url(http://s447510501.online.de/content/images/bg_table_dark.png);  
color:#000;  
}  
.main_menu ul li ul  
{  
display: none;  
width: 100%;  
position:absolute;  
top:25px;  
padding:0px;  
margin:0px;  
}  
.main_menu ul li:hover ul  
{  
display: block;  
position: absolute;  
margin: 0;  
padding: 0;  
}  
.main_menu ul li:hover li  
{  
float: none;  
list-style:none;  
margin:0px;  
}  
.main_menu ul li:hover li  
{  
background:url(http://s447510501.online.de/content/images/bg_navi.png);  
border-top:1px solid #333;  
}  
.main_menu ul li:hover li a  
{  
color: #fff;  
padding:0 0px;  
display:block;  
width:100%;  
}  
.main_menu ul li li a:hover  
{  
color:#000;  
}

Ich wäre euch sehr dankbar wenn ihr mir weiterhelfen könnt. Es ist das erste mal, dass ich ein Dropdown-Menü verwende und ich habe keine Ahnung was ich ändern muss.

freundliche Grüße,
Alex

[Matthias Apsel]

Om nah hoo pez nyeetz, alexander93!

Quirksmode und mehrere Fehler. Ändere dies und du bist der Lösung ein Stück näher.

Stecke all deine CSS-Angaben in eine eigene Ressource, bei height hast du zudem die Einheit vergessen. Da du Tabellen zum Layouten missbrauchst, könnte es außerdem sein, dass zwar ausgeklappt wird, du das aber nicht siehst, weil es von der nächsten Tabellenzeile überdeckt wird.

Entsorge die Tabelle.

Matthias

[Gunnar Bittersmann]

@@alexander93:

nuqneH

Im Firefox funktioniert das Dropdown-Menü problemlos

Nein, das funktioniert in keinem Browser. Wenn jemand kein Deutsch versteht und deshalb die Sprache wechseln muss, kann er mit der Beschriftung „Sprache“ nichts anfangen, findet also gar nicht die Möglichkeit, die Sprache zu wechseln. Dropdown-Menüs zur Sprachauswahl sind problematisch.

(Du hast inzwischen umgebaut? Gut so. Und auch die Fahnen sind weg. Gut so.)

Ich würde die Sprachauswahl auch nicht unterm Navigationsmenü verstecken (mit dem sie nichts zu tun hat), sondern prominenter plazieren. Oben rechts ist ein günstiger Platz. Datum und Uhrzeit braucht sowieso niemand auf einer Webseite.*

S.a. diesen Artikel, der besser im Original als in der schlechten „deutschen“ Übersetzung zu lesen ist. Wenn man nicht alles selber macht! ;-) Deshalb hier keine automatische Sprachvereinbarung …

… die ich bei deiner Seite vermisse. Warum bekomme ich die Seite auf englisch, wo mein Browser doch ausdrücklich sagt, dass ich sie gern auf deutsch hätte? Sprachvereinbarung ist immer angebracht. Wie bei diesem Artikel darüber.

Qapla'

* Das steht unmittelbar darüber oder unten auf dem Bildschirm.