zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit Suckerfish-Menu im Mozilla

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.06.2008, 16:23
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.11.2004
Beiträge: 61
eRoZion befindet sich auf einem aufstrebenden Ast
Standard 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>
Es sieht eigentlich fast so aus, als würde das Javascript im Mozilla nicht laufen. Der Internet-Explorer 7 macht alles wie gewollt.

Hat jemand eine Idee?

Danke,
Daniel

Geändert von eRoZion (29.06.2008 um 17:32 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.06.2008, 17:05
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 29.06.2008, 17:19
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.11.2004
Beiträge: 61
eRoZion befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Das Javascript ist nur für den IE5 und IE6, nicht für alle anderen Browser. Daran kann es daher nicht liegen.
Das verstehe ich jetzt nicht. Das Javascript gibt doch dem Eltern-Listenelement, in dem sich meine Sub Liste befindet das Class-Attribut "over", sodass ich es per CSS als aktiv markieren kann, solange sich die Maus im Bereich der Sub Liste befindet.

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
Mit Zitat antworten
  #4 (permalink)  
Alt 29.06.2008, 17:28
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.11.2004
Beiträge: 61
eRoZion befindet sich auf einem aufstrebenden Ast
Standard

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;
}
Einfach mal richtig nachgedacht und schon funktioniert es wie gewünscht.

Gruß,
Daniel
Mit Zitat antworten
  #5 (permalink)  
Alt 29.06.2008, 19:37
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

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
Mit Zitat antworten
Antwort

Stichwörter
menü, suckerfish, suckerfish-menu

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:58 Uhr.