Hallo erstmal an alle,
mein Problem besteht darin das ,dass Menü
im FireFox ohne irgenntwelche Schwierigkeiten funktioniert und der InternetExplorer den hover Effekt absolut nicht ansteuert.
Bin auch realtiv frisch in dem ganzen und hab auch nicht extrem viel mit gearbeitet.
ul#nav,
ul#nav ul {
margin: 0;
padding: 0;
width: 189px; /* Width of Menu Items */
border-bottom: 2px solid #ffd10d;
background: #f9de6b; /* IE6 Bug */
color: black;
font-size: 100%;
background-color: #f9de6b;
}
ul#nav li {
position: relative;
list-style: none;
background-color: #f9de6b;
}
ul#nav li a {
display: block;
text-decoration: none;
color: #777;
padding: 5px;
border: 1px solid #ffd10d;
border-bottom: 0;
background-color: #f9de6b;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */
ul#nav ul {
position: absolute;
display: none;
left: 189px; /* Set 1px less than menu width */
top: 0;
height: 24px;
background-color: #f9de6b;
}
ul#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.over ul ul,
ul#nav li.over ul ul ul {
display: none;
background-color: #f9de6b;
} /* Hide sub-menus initially */
ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li.over ul,
ul#nav li li.over ul,
ul#nav li li li.over ul {
display: block;
background-color: #f9de6b;
} /* The magic */
ul#nav li.menuparent { background-color: #f9de6b; right center no-repeat; }
ul#nav li.menuparent:hover,
ul#nav li.over {
background-color: #f9f9f9;
}
ul#nav li a:hover {
color: #E2144A;
background-color: #f9de6b;
}
ent:hover,
ul#nav li.over {
background-color: #f9f9f9;
}
ul#nav li a:hover {
color: #E2144A;
background-color: #f9de6b;
}
function IEHoverPseudo() {
var navItems = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<navItems.length; i++) {
if(navItems[i].className == "menuparent") {
navItems[i].onmouseover=function() { this.className += " over"; }
navItems[i].onmouseout=function() { this.className = "menuparent"; }
}
}
}
window.onload = IEHoverPseudo;
http://www.komandor-bielefeld.de ist die Problem Seite.