Finn: Dropdown menü CSS-Problem

SELF-Forum

Dropdown menü CSS-Problem

Finn
– Informationen zu den Bewertungsregeln 
<html>  
	<head>  
		<title></title>  
<script type = "text/javascript">  
[code lang=javascript]  
	function popup (url) {  
	fenster = window.open(url, "Popupfenster", "width=400,height=300,resizable=yes");  
	fenster.focus();  
	return false;  
	}

</script>
<style type="text/css">

  
#menu {  
  height: 20px;  
  position: fixed;  
  top: 80px;  
  left: 50px;  
  background-color: #000000;  
  color: #FFFFFF;  
}  
  
#menu_freunde {  
  background-color: #000000;  
  color: #FFFFFF;  
  -webkit-transition-duration: 0.3s;  
  -moz-transition-duration: 0.3s;  
  -o-transition-duration: 0.3s;  
  transition-duration: 0.3s;  
}  
  
#menu_freunde_innen {  
  background-color: #000000;  
  color: #FFFFFF;  
  position: fixed;  
  top: -20px;  
  height: 20px;  
  -webkit-transition-duration: 0.001s;  
  -moz-transition-duration: 0.001s;  
  -o-transition-duration: 0.001s;  
  transition-duration: 0.001s;  
}  
  
#menu_freunde:hover #menu_freunde_innen {  
  top: 100px;  
}  
  
#menu a {  
	text-decoration: none;  
	color: #FFFFFF;  
}  
  
#menu a:hover {  
	background-color: #778899;  
}

</style>
</head>
<body>
<div id="menu" style="float: left;">
<div style = "float: left;">
<a href = "http://finn-junker.bplaced.net">
Home
</a>
</div>
<div style = "float: left;">
<a href = "http://finn-junker.bplaced.net/gastbuch.php">
G&auml;stebuch
</a>
</div>
<div style = "float: left;">
<a href = "http://finn-junker.bplaced.net/registration.html" target ="_blank" onclick = "return popup(this.href);">
Registration
</a>
</div>
<div id = "menu_freunde" style = "float: left;">
<a href = "http://finn-junker.bplaced.net/freunde.html">
Freunde
</a>
</div>
<div id="menu_freunde_innen" style="float: left;">
<a href = "http://larsjunker.bplaced.net">
Lars Junker
</a>
</div>
</div>
</body>
</html>
[/code]

Hallo
so jetzt zum Problem:
das div#menu_freunde_innen kommt nicht runter wenn man mit der Maus über div#menu_freunde geht.

Wäre nett wenn mir da jemand helfen könnte.
Danke im vorraus

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Dropdown menü CSS-Problem

    ChrisB
    +2 Informationen zu den Bewertungsregeln

    Hi,

    das div#menu_freunde_innen kommt nicht runter wenn man mit der Maus über div#menu_freunde geht.

    Da ersteres kein Nachfahre von zweiterem ist, kann der Nachfahrenselektor natürlich auch nicht matchen:

    #menu_freunde:hover #menu_freunde_innen { …

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    Beitrag melden
    +2
    Informationen zu den Bewertungsregeln