Autor |
Nachricht |
DesignKater
Threadersteller
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 18.12.2007 12:12
Titel CSS Dropdown Menü funzt nicht im FF |
|
|
Hallo Community,
ich hab ein Problem das sieht wie folgt aus:
Ich habe ein Dropdown Menü per CSS erstellt. Soweit so schick. Mein Problem ist aber, dass mir der FF das Menü nicht aufklappt, der IE macht das. Woran kann das liegen? Vielleicht wisst ihr ja weiter.
Hier mal der Code:
Code: |
<body style="behavior: url(csshover2.htc);">
<div id="nav">
<ul class="level1">
<li><a href="#">Home</a></li>
<li class="submenu"><a href="#">Services</a></li>
<ul class="level2">
<li><a href="#">Web</a></li>
<li><a href="#">CI</a></li>
</ul>
</ul>
</div>
</body>
|
Code: |
div#nav {float:left; width:100px; background-color:#d6d6d6;}
div#nav ul {margin:0; padding:0; width:100px; background-color:#FFFFFF; border:1px solid #000000;}
div#nav li {position:relative;list-style:none; margin:0; padding:0; width:100px;}
div#nav li.submenu:hover {background-color:#CCCCCC;text-decoration:underline;}
div#nav li a {text-decoration:none;}
div#nav ul ul {position:absolute; top:0px; left:100px;visibility:hidden;}
div#nav ul.level1 li.submenu:hover ul.level2 {visibility:visible;}
|
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
DesignKater
Threadersteller
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 18.12.2007 14:55
Titel
|
|
|
Laut Eric Meyer's CSS Guide sollte das aber funktionieren. Immerhin stammt diese Vorlage von ihm. Die .htc erfüllt nach Angaben des Buches den Zweck, dass der IE für alle Elemente den hover-Effekt anwenden kann. Der Code wurde ja auch in einem Mozilla-Browser getestet. Könnte es schlicht und ergreifend an der Verwendung von Listen liegen?
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Di 18.12.2007 15:11
Titel
|
|
|
ich hab das büchlein nicht, aber schreib der eric nicht vielleicht doch irgendwo etwas wie
Code: |
-moz-binding:url ...
|
in seine beispiele?
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Di 18.12.2007 16:29
Titel
|
|
|
die htc datei ist lediglich für den ie<7 gedacht um die li elemente hovern zu können.
der ff kann das von haus aus - demnach ist es völlig latte ob die .htc etwas im ff bewirkt oder nicht.
sinnvoller wäre es sogar sowas zu machen:
<!--[if lt IE 7]>
<style type="text/css">
body {
behavior: url(csshover2.htc);
}
</style>
<![endif]-->
zu deinem problem:
ul.level2 ist kein child element von li.submenu - daher greift deine regel für div#nav li.submenu:hover ul.level2 nicht.
so gehts:
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>bla</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
div#nav {float:left; width:100px; background-color:#d6d6d6;}
div#nav ul {margin:0; padding:0; width:100px; background-color:#FFFFFF; border:1px solid #000000;}
div#nav li {position:relative;list-style:none; margin:0; padding:0; width:100px;}
div#nav li.submenu:hover {background-color:#CCCCCC;text-decoration:underline;}
div#nav li a {text-decoration:none;}
div#nav ul ul {position:absolute; top:0px; left:100px;visibility:hidden;}
div#nav ul.level1 li.submenu:hover ul.level2 {visibility:visible;}
</style>
<!--[if lt IE 7]>
<style type="text/css">
body {
behavior: url(csshover2.htc);
}
</style>
<![endif]-->
</head>
<body>
<div id="nav">
<ul class="level1">
<li><a href="#">Home</a></li>
<li class="submenu">
<a href="#">Services</a>
<ul class="level2">
<li><a href="#">Web</a></li>
<li><a href="#">CI</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html> |
Zuletzt bearbeitet von sahnemuh am Di 18.12.2007 16:37, insgesamt 2-mal bearbeitet
|
|
|
|
|
pixelpapst303
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht:
|
Verfasst Di 18.12.2007 17:01
Titel
|
|
|
sahnemuh hat geschrieben: | die htc datei ist lediglich für den ie<7 gedacht um die li elemente hovern zu können.
der ff kann das von haus aus - demnach ist es völlig latte ob die .htc etwas im ff bewirkt oder nicht.
|
danke, wieder was gelernt...!
|
|
|
|
|
DesignKater
Threadersteller
Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 19.12.2007 10:12
Titel
|
|
|
Perfekt, danke sahnemuh
Is ja auch klar, dass die einzublendenen Elemente auch innerhalb der Elemente sein müssen, die diese aufrufen sollen. Manchmal sieht man den Wald vor lauter Bäumen nicht^^
|
|
|
|
|
|
|
|
Ähnliche Themen |
Drop Down Menü - FF funzt, IE funzt nicht
Dropdown Menü
jquery Menü funzt nicht in IE6 und 8
CSS Javascript Dropdown menü
JavaScript-Dropdown-Menü
IE Fehler bei DropDown Menü
|
|