✔ CSS Dropdown will nicht funktionieren

[Tiefschneetaucher]

Hi, unter http://barrierefrei.e-workers.de/ hab ich endlich ein "simples" CSS Menü gefunden was auch angeblich ohne JS im IE funktionieren soll. Soweit bin ich ja noch nicht denn es geht bei mir nichteinmal im Mozilla oder Firefox. Dabei hab ich, soweit ich das überschauen kann, wirklich den auf der Seite angegebenen Quellcode verwendet. Jedoch bewegt sich bei mir mal gar nix, nichteinmal eine farbliche Veränderung beim hover tritt ein

mein CSS Code sieht so aus

#menuebox {
position: relative;
height: 30px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: 5px;
left: 0;
z-index: 200;
}

#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
text-align: center;
background-color: #dec79a;
color: #513913;
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
#menue .aussen:hover {
height: auto;
background-color: #624617;
color: #fff;
}

a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 7.9em;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}

a:visited.innen,
a:visited.innen-1 {
background-color: #ecd8ae;
color:#555;
}

a:hover.innen,
a:hover.innen-1 {
background-color: #f7eedb;
color: #900;
}

span.menutag {
display: block;
cursor: default;
}

und der HTML Teil so

<div id="menuebox"> 
  <div id="menue"> 
    <div class="aussen"> <span class="menutag">Produkte</span> 
     <a class="innen-1" href="#">Systeme</a> 
      <a class="innen" href="#">Speicher</a> <a class="innen" href="#">Laufwerke</a> 
      <a class="innen" href="#">Monitore</a> <a class="innen" href="#">Drucker</a> 
      <a class="innen" href="#">Zubehör</a> 
    </div>
</div>
</div>

vermutlich NUR ne kleinigkeit aber da ich mit CSS ansonsten wenig zu tun habe, find ich den Fehler seit vorgestern einfach nicht. Vielleicht weiß ja von Euch jemand ein wenig besser darüber bescheid ?

Besten dank schonmal für alle Antworten

 

[Maik]

Hi,

bei mir funktioniert das Dropdown-Menü im Firefox 2, SeaMonkey 1.0.5 und Opera 9.02 einwandfrei.

 

[Tiefschneetaucher]

Puh ! Da bin ich jetzt echt geplättet ... da frag ich mich jetzt wirklich allen ernstes warum es überall geht nur bei mir wieder nicht *amkopfkratz*

 

[Maik]

Ich vermute mal, dass du eine CSS-Datei in das Dokument lädst. Stimmt denn auch der Pfad zum Stylesheet?

 

[Slizzzer]

Scheint wohl an irgendwelchen browserspezifischen Einstellungen zu liegen.

Bei mir ging es:
- IE 7 -> nein
- Firefox 2.0 -> nein
- Opera 9.1 -> ja
- Seamonkey -> nein

Wo sind denn jetzt die CSS-Profis? Würd mich auch mal interessieren.

 

[Tiefschneetaucher]

Wo sind denn jetzt die CSS-Profis? Würd mich auch mal interessieren.

Genau, wo stecken die denn ?


Ja ich lade das Stylesheet in das HTML Dokument aus einer externen .css Datei. Zumindest was die optische Formatierung angeht läuft es. Also bekomme es auch farblich anders dargestellt. Aber beim darüberfahren gibt es keinen Farbwechsel und das Untermenü fährt auch nicht auf. So ganz Barierrefrei wie es auf der Seite angepriesen wird, scheint es ja nicht zu sein.

Hab auch schonmal die/den Doctype geändert (so wie sie auf der originalen Seite steht), allerdings auch ohne sichtlichen Erfolg

 

[Maik]

Dann schau dir mal als Alternative Stu Nicholls' CSS-Dropdown-Menus (Menus - Multi-Level CSS only) an - die funktionieren in allen Browsern, auch im IE

 

[Tiefschneetaucher]

Na das ist ja mal ne coole Seite *grins* besten dank dafür