I have a majour problem.
Ik heb een klant die per sé ondersteuning voor ie6 wilt hebben voor zijn site.
link
Nu heb ik ergens een dropdown menu gedownload en aangepast aan eigen stijl. In IE7, firefox en de andere laat hij alles keurig zien maar in ie6 laat hij de 'dropdown gedeelte' niet zien. Hierin staan images vanwege een bepaalde lettertype die niet ondersteund wordt.
Heb zelf lopen experimenteren maar ik kom ergewoon echt niet uit, wellicht zie ik wat over het hoofd?
Dit is de CSS code, ik hoop dat jullie mij kunnen helpen dit dillema op te lossen.
CSS
/* Basic code - don't modify */
#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }
/* Essentials - configure this */
#nav ul { width: 195px; padding: 0; margin: 0; }
#nav ul ul { left: 0px; padding: 0; margin: 0; }
/* Everything else is theming */
#nav { background-color: #000; height: 35px; }
#nav *:hover { background-color: none; }
#nav a { color: #fff; padding: 5px 15px; font-weight: bold; text-decoration: none; }
#nav li.hover a { background-color: #000; }
#nav a.set_d33118_hex:hover,
#nav li.set_d33118_hex { background-color: #d33118; } /* home - electrische fietsen */
#nav a.set_741573_hex:hover,
#nav li.set_741573_hex { background-color: #741573; } /* acties - mamafietsen */
#nav a.set_79b7aa_hex:hover,
#nav li.set_79b7aa_hex { background-color: #79b7aa; } /* collectie - stadsfietsen */
#nav a.set_f29300_hex:hover,
#nav li.set_f29300_hex { background-color: #f29300; } /* contact - kinderfietsen */
#nav a.set_086293_hex:hover,
#nav li.set_086293_hex { background-color: #086293; } /* dealers - transportfietsen */
#nav a.set_2c8323_hex:hover,
#nav li.set_2c8323_hex { background-color: #2c8323; } /* nieuws - tourfietsen */
#nav a.set_f09c9a_hex:hover,
#nav li.set_f09c9a_hex { background-color: #f09c9a; } /* over montego - vouwfietsen */
#nav a.set_724e48_hex:hover,
#nav li.set_724e48_hex { background-color: #724e48; } /* bmx */
#nav a.set_e2007a_hex:hover,
#nav li.set_e2007a_hex { background-color: #e2007a; } /* links */
#nav li img { margin-left: 5px; }
#nav ul { background-color: #000; top: 35px; }
#nav ul li a { background-color: #000; text-decoration: none; }
#nav ul a.hover { background-color: #000; }
#nav ul li img { position: relative; }
#nav ul a { opacity: 0.9; filter: alpha(opacity=90); }
#nav ul a { border-bottom: none; }
JavaScript
var menu=function(){
var t=15,z=50,s=6,a;
function dd(n){this.n=n; this.h=[]; this.c=[]}
dd.prototype.init=function(p,c){
a=c; var w=document.getElementById(p), s=w.getElementsByTagName('ul'), l=s.length, i=0;
for(i;i<l;i++){
var h=s[i].parentNode; this.h[i]=h; this.c[i]=s[i];
h.onmouseover=new Function(this.n+'.st('+i+',true)');
h.onmouseout=new Function(this.n+'.st('+i+')');
}
}
dd.prototype.st=function(x,f){
var c=this.c[x], h=this.h[x], p=h.getElementsByTagName('a')[0];
clearInterval(c.t); c.style.overflow='hidden';
if(f){
p.className+=' '+a;
if(!c.mh){c.style.display='block'; c.style.height=''; c.mh=c.offsetHeight; c.style.height=0}
if(c.mh==c.offsetHeight){c.style.overflow='visible'}
else{c.style.zIndex=z; z++; c.t=setInterval(function(){sl(c,1)},t)}
}else{p.className=p.className.replace(a,''); c.t=setInterval(function(){sl(c,-1)},t)}
}
function sl(c,f){
var h=c.offsetHeight;
if((h<=0&&f!=1)||(h>=c.mh&&f==1)){
if(f==1){c.style.filter=''; c.style.opacity=1; c.style.overflow='visible'}
clearInterval(c.t); return
}
var d=(f==1)?Math.ceil((c.mh-h)/s):Math.ceil(h/s), o=h/c.mh;
c.style.opacity=o; c.style.filter='alpha(opacity='+(o*100)+')';
c.style.height=h+(d*f)+'px'
}
return{dd:dd}
}();