O IE esculhamba com o menu

[maicon_m 0]

ae!

 

Eu tenho o site www.guiaerechim.com.br e incrementei um menu javascript baseado em um tutorial daqui do Imasters mesmo. No Firefox funciona que uma beleza, mas no IE 6 ele vai descendo cada vez mais. Entendo um pouco de javascript mas não a ponto de solucionar o bug. Algum expert por favor...

[maicon_m 0]

valeu Thiago eu nem sabia que o FF tinha console... mas no console eu so vi erro de css...talvez eu não esteja fazendo algo..

Ai embaixo tem o código. POR FAVOR da uma ajuda ai pessoal =D

 

 

 

var timer;

 

function clickButtonBarra(id){

if (timer != undefined) return;

 

var tamanhoC = document.getElementById("container").offsetHeight;

 

elem = document.getElementsByTagName("A");

for(i=0;i<elem.length;i++){

if (elem.className == "botaoBarraAtiva")

elem.className = "botaoBarra";

if (elem.className == "botaoBarra")

tamanhoC -= elem.offsetHeight;

}

 

var inc = Math.round(tamanhoC / 10);

 

itemClicado = document.getElementById(id);

itemClicado.className = "botaoBarraAtiva";

 

barra = "";

elem = document.getElementsByTagName("DIV");

for(i=0;i<elem.length;i++){

if ((elem.id.substring(0,8) == "Conteudo") && (elem.style.display == "block"))

barra = elem.id;

}

 

if(barra!="" && barra == ("Conteudo" + id)) return;

 

timer = setTimeout("timerResizeBarra('"+"Conteudo" + id +"','"+barra+"',0,"+tamanhoC+","+tamanhoC+",10,"+inc+")",10);

}

 

function timerResizeBarra(barraAtiva, barraInativa, alturaAtiva,

alturaInativa, tamanhoC, tempo, inc){

b1 = document.getElementById(barraAtiva);

 

if ((alturaAtiva + inc) <= tamanhoC){

b1.style.height = alturaAtiva + inc;

 

if (barraInativa != ""){

b2 = document.getElementById(barraInativa);

b2.style.height = alturaInativa - inc;

}

 

if (tamanhoC == alturaInativa){

if (b1.style.display != "block")

b1.style.display = "block";

if ((barraInativa != "") && (b2.style.overflow != "hidden"))

b2.style.overflow = "hidden";

}

 

timer = setTimeout("timerResizeBarra('"+barraAtiva+"','"+barraInativa+"',"+(alturaAtiva + inc)+","+(alturaInativa - inc)+","+tamanhoC+","+tempo+","+inc+")",tempo);

}else{

b1.style.height = tamanhoC;

if (barraInativa != ""){

b2 = document.getElementById(barraInativa);

b2.style.height = 0;

b2.style.display = "none";

}

 

b1.style.overflow = "auto";

 

clearTimeout(timer);

timer = undefined;

}

}

 

window.onload = function(){

 

elem = document.getElementsByTagName("A");

for(i=0;i<elem.length;i++){

if (elem.className == "botaoBarra"){

clickButtonBarra(elem.id);

return;

}

}

 

// Preloading de imagens

preloader();

 

}

 

window.onresize = function(){

 

if (navigator.appName.indexOf("Microsoft") != -1){

tamanhoC = document.body.offsetHeight-4;

}else{

tamanhoC = window.innerHeight;

}

 

elem = document.getElementsByTagName("A");

for(i=0;i<elem.length;i++){

if ((elem.className == "botaoBarra") || (elem.className == "botaoBarraAtiva"))

tamanhoC -= elem.offsetHeight;

}

 

elem = document.getElementsByTagName("DIV");

for(i=0;i<elem.length;i++){

if ((elem.id.substring(0,8) == "Conteudo") && (elem.style.display == "block")){

elem.style.height = tamanhoC;

return;

}

}

}

 

function preloader(){

img1 = new Image();

img1.src = "botao.jpg";

img2 = new Image();

img2.src = "botao_hover.jpg";

img3 = new Image();

img3.src = "botaoAtivo.jpg";

img4 = new Image();

img4.src = "botaoAtivo_hover.jpg";

img5 = new Image();

img5.src = "fundo.jpg";

}