Hallo zusammen!
Habe ein kleines Problem, ich habe nämlich eine Navigation programmiert, die im IE und in allen implementierungsprogrammen richtig angezeigt wird nur beim firefox nicht!Was müsste ich ändern damit das auch da funktioniert?
<html>
<head>
<script>
<!--
if(!window.Node){
var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
}
function checkNode(node, filter){
return (filter == nullnode.nodeType == Node[filter]
}
function getChildren(node, filter){
var result = new Array();
var children = node.childNodes;
for(var i = 0; i < children.length; i++){
if(checkNode(children[i], filter)) result[result.length] = children[i];
}
return result;
}
function getChildrenByElement(node){
return getChildren(node, "ELEMENT_NODE");
}
function getFirstChild(node, filter){
var child;
var children = node.childNodes;
for(var i = 0; i < children.length; i++){
child = children[i];
if(checkNode(child, filter)) return child;
}
return null;
}
function getFirstChildByText(node){
return getFirstChild(node, "TEXT_NODE");
}
function getNextSibling(node, filter){
for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){
if(checkNode(sibling, filter)) return sibling;
}
return null;
}
function getNextSiblingByElement(node){
return getNextSibling(node, "ELEMENT_NODE");
}
var activeMenu = null;
function showMenu(){
if(activeMenu){
activeMenu.className = "";
getNextSiblingByElement(activeMenu).style.display = "none";
}
if(this == activeMenu){
activeMenu = null;
}else{
this.className = "active";
getNextSiblingByElement(this).style.display = "block";
activeMenu = this;
}
return false;
}
function initMenu(){
var menus, menu, text, a, i;
menus = getChildrenByElement(document.getElementById("menu"));
for(i = 0; i <menus>
</script>
<style>
<navi>body #navi ul li a
{
width: auto;
}li.active
{
background-color: #000066;
}#######################################################
ul#menu
{
list-style-type: none;
margin: 0;
padding: 0;
}ul#menu ol
{
display: none;
text-align: left;
list-style-type: none;
margin: 0;
}ul#menu li,
ul#menu a
{
font-family: verdana, sans-serif;
font-size: 11px;
color: #FFFFFF
}ul#menu li
{
border-bottom: none;
line-height: 15px;
}ul#menu li.active
{
border-bottom: none;
line-height: 15px;
background-color: #000066;
}ul#menu ol li:before
{
content: "- ";
}ul#menu a
{
text-decoration: none;
outline: none;
}ul#menu a.sub
{
background-color: #DBE9F3;
color: #000066;
}ul#menu a:hover
{
background-color: #000066;
color: #FFFFFF;
}ul#menu a:link
{
background-color: #fffff;
color: #FFFFFF;
}ul#menu a.active
{
background-color: #000066;
color: #FFFFFF;
}
-->
</style>
</head>
<body><div>
<ul>
<li><br>Home
<ol>
<li><a href="index.html" class="sub"><p>News</p></a></li>
<li><a href="index.html" class="sub"><p>Presse</p></a></li>
</ol>
</li>
<li><br>Verein
<ol>
<li><a href="index.html" class="sub"><p>Geschichte</p></a></li>
<li><a href="index.html" class="sub"><p>Vorstand</p></a></li>
<li><a href="index.html" class="sub"><p>Termine</p></a></li>
</ol>
</li>
<li><br>Angebote
<ol>
<li><a href="index.html" class="sub"><p>Babyschwimmen</p></a></li>
<li><a href="index.html" class="sub"><p>Anfängerschwimmkurs</p></a></li>
<li><a href="index.html" class="sub"><p>Erwachsenenschwimmkurs</p></a></li>
<li><a href="index.html" class="sub"><p>Nachwuchsgruppen</p></a></li>
<li><a href="index.html" class="sub"><p>Breitensport</p></a></li>
<li><a href="index.html" class="sub"><p>Aqua - Fitness</p></a></li>
<li><a href="index.html" class="sub"><p>Leistungssport</p></a></li>
</ol>
</li>
<li><br>Seelbacher Weiher
<ol>
<li><a href="index.html" class="sub"><p>Geschichte</p></a></li>
<li><a href="index.html" class="sub"><p>Preise</p></a></li>
<li><a href="index.html" class="sub"><p>Presse</p></a></li>
<li><a href="index.html" class="sub"><p>Bilder</p></a></li>
</ol>
</li>
<li><br>Kontakt
<ol>
<li><a href="index.html" class="sub"><p>Kontakt</p></a></li>
<li><a href="index.html" class="sub"><p>Impressum</p></a></li></ol>
</li>
<br><a href="downloads.html">Downloads</a><br><a href="links.html">Links</a>
</ul>
</div>
</body>
</html>
