|
|||
Problem mit Suckerfish-Menu im Mozilla
Hallo!
Ich bastele gerade an einer Umsetzung des Suckerfish-Menu's und habe riesen Probleme mit Mozilla. Im Mozilla bleibt das Eltern-Listenelement einfach nicht angewählt, wenn ich mit der Maus im Bereich der Sub Liste bin. Code:
Ist nun wieder unwichtig Code:
<?xml version="1.0" encoding="utf-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head> <title>Beispiel</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <link href="./css/layout.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> <!--//--><![CDATA[//><!-- startList = function() { if (document.all && document.getElementById) { navRoot = document.getElementById('nav'); for (i = 0; i < navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName == 'LI') { node.onmouseover = function() { this.className += ' over'; } node.onmouseout = function() { this.className = this.className.replace(' over', ''); } } } } } window.onload = startList; //--><!]]> </script> </head> <body> <div id="page"> <div id="header"> <h1>Header</h1> <div id="nav-bar"> <ul id="nav"> <li><a href="#1"><span>Link 1</span></a> <ul> <li><a href="#11"><span>Sub Link 1</span></a></li> <li><a href="#12"><span>Sub Link 2</span></a></li> </ul> </li> <li><a href="#2"><span>Link 2</span></a> <ul> <li><a href="#21"><span>Sub Link 1</span></a></li> <li><a href="#22"><span>Sub Link 2</span></a></li> </ul> </li> </ul> <div class="clearfix"></div> </div> </div> <div id="content"> <div class="col-1"> <h2>Col 1</h2> <p>Lorem ipsum dolor sit ....</p> <p>Duis autem vel eum iriure ...p> </div> <div class="col-2"> <h2>Col 2</h2> <p>Lorem ipsum dolor sit ...</p> <p>Duis autem vel eum iriure ...p> </div> <div class="col-3"> <h2>Col 3</h2> <p>Lorem ipsum dolor sit ....</p> <p>Duis autem vel eum iriure ...p> </div> <div class="clearfix"></div> </div> <div id="footer"> <p>Footer</p> </div> </div> </body> </html> Hat jemand eine Idee? Danke, Daniel Geändert von eRoZion (29.06.2008 um 17:32 Uhr) |
Sponsored Links |
|
||||
Das Javascript ist nur für den IE5 und IE6, nicht für alle anderen Browser. Daran kann es daher nicht liegen.
Nimm allerdings mal den XML Prolog am Anfang raus und setze einen XHTML 1.0 Strict DOCTYPE ...
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Sponsored Links |
|
|||
Zitat:
Diese Funktionalität müsste doch für alle Browser gelten, weil sie nicht standard ist? Mit dem "li:hover" hat es nichts zutun, mir geht es nur darum, dass das Eltern-Listenelement das Class-Attribut "over" erhält, solange man mit der Maus im Bereich der Sub Liste ist. Und im Mozilla sieht es so aus, als würde das nicht funktionieren. Ich ändere mal noch den Doctype und teste dann noch einmal. Gruß, Daniel |
|
|||
Peinlich - Du hast natürlich Recht!
Ich habe jetzt folgendes gemacht, damit es im Mozilla funktioniert: Code:
#nav a:hover, #nav li:hover a, #nav li.over a { color: #0088b5; background-color: #fff; border: 1px solid #555; border-bottom: 0; padding: 0 5px 1px; } Gruß, Daniel |
|
||||
Macht nix, dafür ist das Problem erledigt
__________________
“My software never has bugs. It just develops random features ...” » DevShack - die Website des freien Webentwicklers Boris Bojic |
Stichwörter |
menü, suckerfish, suckerfish-menu |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Css Menu Problem | Rapidement | CSS | 11 | 16.06.2011 15:38 |
CSS Flyout Menu z-index Problem? | Deluxestyler | CSS | 6 | 18.05.2010 13:05 |
Horizontales menü Nach unten aufklappbar | franjob | CSS | 3 | 24.06.2009 14:51 |
ie 7 - menu css - a:hover behaviour only on text not on the whole box | sycorax27 | CSS | 1 | 18.06.2007 23:34 |
Problem mit Menu auf der rechten Seite | kix | (X)HTML | 1 | 24.09.2004 10:33 |