CSS IE menu fix?
Out of context: Reply #8
- Started
- Last post
- 18 Responses
- Atkinson0
hm, I'm not sure about the margins or padding. When I change them they seem out on the mac. I'm not sure what the startlist stuff means, I got it from a tutorial that said use it as an IE fix!
Here's the css:
ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;color: #660000;
line-height: 1.3em;
padding: 0px;
list-style: none;
width: 90px;
border-bottom: 0px solid #ccc;
background-color: #ffffff;}
ul li {
position: relative;
}
li ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
position: absolute;
font-style: normal;
left: 90px;
top: 0;
display: none;
line-height: 1.3em;
padding: 0px;
background-color: #eaeaea;}
#nav a:link {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
padding: 0px;
color: #ffffff;
background-color:#666666;
z-index: 1;
}
#nav a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
padding: 0px;
color: #E8FFF9;
background-color: #E8FFF9;
display: block;
}
#nav a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
padding: 0px;
color: #FFFF00;
text-decoration: underline;
background-color: #FFFF00;
display: block;
}
#bottomnav a:link {
display: block;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;color: #660000;
padding: 0px;
color: #666666;
background-color:#eaeaea;
z-index: 1;
}
#bottomnav a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;color: #660000;
padding: 0px;
color: #666666;
background-color: #E8FFF9;
display: block;
}
#bottomnav a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;color: #660000;
padding: 0px;
color: #666666;
text-decoration: underline;
background-color: #666666;
display: block;
}/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
li:hover ul, li.over ul {
display: block; }
startList = function() {
if (document.all&&document.getEleme... {
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.re...
(" over", "");
}
}
}
}
}
window.onload=startList;