List-meny "fläskar över" i IE...
Har stött på bland de konstigaste problem jag någonsin varit med om... håller på och bygger en dropdown-meny med listor. Har använt samma kod tidigare med hyggligt resultat, men nu envisas IE med att låta den sista menyknappen fylla en hela diven som menyn ligger i.
Prova att gå in på http://tempfiler.homeftp.net/chromtech/ med IE så förstår ni säkert problemet.
Någon som hajar vad det är som strular?
Koden ser ut såhär...
CSS
#menu_bar {
float: left;
width: 550px;
}
#nav, #nav ul {
padding: 0;
margin-top: 8px;
list-style: none;
line-height: 1.0;
}
#nav a {
display: block;
background-color: #445b94;
font-weight: bold;
font-size: 10px;
color: #FFF;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
#nav a:hover {
display: block;
background-color: #B4BDD4;
}
#nav li {
float: left;
}
#nav li ul {
margin: 0px;
position: absolute;
background-color: #CAD9EC;
border-left: 1px solid #5C7496;
border-right: 1px solid #5C7496;
border-bottom: 1px solid #5C7496;
width: 160px;
left: -999em;
}
#nav li ul li a {
padding-top: 6px;
width: 140px;
padding-bottom: 5px;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
HTML-kod
<div id='menu_bar'>
<ul id='nav'>
<li><a href='#'>HEM</a>
<ul>
<li><a href='#'>Tillbaka till startsidan</a></li>
</ul>
</li>
<li><a href='#'>NYHETER</a>
<ul>
<li><a href='#'>Översikt</a></li>
<li><a href='#'>ChromTech-Nytt</a></li>
<li><a href='#'>Nya Produkter</a></li>
<li><a href='#'>Erbjudanden</a></li>
<li><a href='#'>Webberbjudanden</a></li>
</ul>
</li>
<li><a href='#'>PRODUKTER</a></li>
<li><a href='#'>KURSER</a></li>
<li><a href='#'>LÄNKAR</a></li>
<li><a href='#'>KONTAKT</a></li>
<li><a href='#'>WEBSHOP</a></li>
</ul>
</div>
Liten IE-fix
<script type="text/javascript">
<!--//--><![CDATA[//><!--
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]>
</script>
Är redan sen med arbetet, så snabb hjälp uppskattas...
Modermodem från ONOFF och bildskärmsutrustning från Electrolux. US Robotics 28.8K telefonuppringd internetförbindelse. Har en förkärlek för tysk tjejpop.
