Problema com menu drop down, centralização
Olá.
Fiz este menu em drop down: http://www.inf.furb.br/~puri/teste/
No FF funciona beleza, mas no IEca ele fica todo fora.... o que pode ser?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Foto Julius</title><style>.style1 {border: solid 1px #000000}.style2 {border-right: solid 1px #000000; border-top: solid 1px #000000; border-bottom: solid 1px #000000}body,p,table,td.input,textarea{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000033;}a{ text-decoration:none; color:#000000;}.special { position:relative; top:0px; left:0px; background-color:#ffffff;}</style><script language="JavaScript">function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; window.onload = MM_swapImgRestore}function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} window.onload = MM_preloadImages}function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; window.onload = MM_findObj}function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} window.onload = MM_swapImage}function menu(){ submenu = []; for(i=0; i<6; i++) submenu[i] = []; textmenu = []; for(i=0; i<6; i++) textmenu[i] = []; textmenu[0][0] = ["Home","Empresa","Matriz","Filial"] textmenu[0][1] = ["","","","",""]; textmenu[1][0] = ["Casamentos","Formaturas","Studio","Gestante","Comunhões"] textmenu[1][1] = ["","","","","","",""]; textmenu[2][0] = ["Registre-se", "Login"] textmenu[2][1] = ["","","","","",""]; textmenu[3][0] = ["Revelação Digital", "Dicas"] textmenu[3][1] = ["","",""]; textmenu[4][0] = ["Casamentos","Gerais"] textmenu[4][1] = ["","","",""]; textmenu[5][0] = ["Localização","Fale Conosco"] textmenu[5][1] = ["","","",""]; menus = []; if(document.getElementById){ menus[0] = document.getElementById("Layer1"); menus[1] = document.getElementById("Layer2"); menus[2] = document.getElementById("Layer3"); menus[3] = document.getElementById("Layer4"); menus[4] = document.getElementById("Layer5"); menus[5] = document.getElementById("Layer6"); menuinterno = document.getElementById("menu"); //menu.setAttribute("position","absolute") function over(){ this.style.backgroundColor = '#B2B4BF'; } function out(){ this.style.backgroundColor = '#ffffff'; } function show(){ this.style.visibility='visible'; } function hide(){ this.style.visibility='hidden'; } textmenu[0][0][0] = "<a href='/home"+textmenu[0][1][0]+">" + textmenu[0][0][0] + "</a>"; textmenu[0][0][1] = "<a href='[http://www.fotojulius.com.br"+textmenu[0][1][1]+">"](http://www.fotojulius.com.br) + textmenu[0][0][1] + "</a>"; textmenu[0][0][2] = "<a href='[http://www.terra.com.br"+textmenu[0][1][2]+">"](http://www.terra.com.br) + textmenu[0][0][2] + "</a>"; for(j=0; j<textmenu.length; j++){ for (i=0; i<textmenu[j][0].length; i++){ //alert(textmenu[j][0][i]) submenu[j][i] = document.createElement("DIV"); submenu[j][i].setAttribute("className", "special"); submenu[j][i].innerHTML = textmenu[j][0][i]; submenu[j][i].style.padding = "5px"; submenu[j][i].onmouseover = over; submenu[j][i].onmouseout = out; menus[j].appendChild(submenu[j][i]); } menus[j].style.top = (parseInt(menuinterno.style.top)+parseInt(menuinterno.style.height)); menus[j].onmouseover = show; menus[j].onmouseout = hide; } }}window.onload = menu;</script></head><body><table width="100%" height="100%" align="center"><tr><td valign="top" align="center"><div id="Layer1" style="position:absolute; top:46px; width:92px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #000000; visibility:hidden"></div><div id="Layer2" style="position:absolute; top:46px; width:92px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #000000; visibility:hidden"></div><div id="Layer3" style="position:absolute; top:46px; width:92px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #000000; visibility:hidden"></div><div id="Layer4" style="position:absolute; top:46px; width:92px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #000000; visibility:hidden"></div><div id="Layer5" style="position:absolute; top:46px; width:92px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #000000; visibility:hidden"></div><div id="Layer6" style="position:absolute; top:46px; width:92px; padding:2px; z-index:1; background-color:#ffffff; border:1px solid #000000; visibility:hidden"></div><div id="menu" style="position:center; top:10px; left:10px; width:552px; height:36px; z-index:1000;"><script language="javascript">document.getElementById("Layer1").style.left = ((screen.width - 552) / 2) + "px";document.getElementById("Layer2").style.left = (((screen.width - 552) / 2)+97) + "px";document.getElementById("Layer3").style.left = (((screen.width - 552) / 2)+194) + "px";document.getElementById("Layer4").style.left = (((screen.width - 552) / 2)+292) + "px";document.getElementById("Layer5").style.left = (((screen.width - 552) / 2)+388) + "px";document.getElementById("Layer6").style.left = (((screen.width - 552) / 2)+485) + "px";</script><table width="583" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="98"><a href="java script:void(null)" onMouseOver="menus[0].onmouseover(); MM_swapImage('Image3','','imagens/foto_julius_roll.gif',1)" onMouseOut="menus[0].onmouseout(); MM_swapImgRestore()"><img src="imagens/foto_julius_rest.gif" class="style1" name="Image3" width="96" height="33" border="0" id="Image3" /></a></td> <td width="97"><a href="java script:void(null)" onmouseover="menus[1].onmouseover(); MM_swapImage('Image4','','imagens/portfolio_roll.gif',1)" onmouseout="menus[1].onmouseout(); MM_swapImgRestore()"><img src="imagens/portfolio_rest.gif" class="style2" name="Image4" width="96" height="33" border="0" id="Image4" /></a></td> <td width="97"><a href="java script:void(null)" onmouseover="menus[2].onmouseover(); MM_swapImage('Image5','','imagens/cadastro_roll.gif',1)" onmouseout="menus[2].onmouseout(); MM_swapImgRestore()"><img src="imagens/cadastro_rest.gif" name="Image5" width="96" height="33" border="0" class="style2" id="Image5" /></a></td> <td width="97"><a href="java script:void(null)" onmouseover="menus[3].onmouseover(); MM_swapImage('Image6','','imagens/digital_roll.gif',1)" onmouseout="menus[3].onmouseout(); MM_swapImgRestore()"><img src="imagens/digital_rest.gif" name="Image6" width="96" height="33" border="0" class="style2" id="Image6" /></a></td> <td width="97"><a href="java script:void(null)" onmouseover="menus[4].onmouseover(); MM_swapImage('Image7','','imagens/amostras_roll.gif',1)" onmouseout="menus[4].onmouseout(); MM_swapImgRestore()"><img src="imagens/amostras_rest.gif" name="Image7" width="96" height="33" border="0" class="style2" id="Image7" /></a></td> <td width="97"><a href="java script:void(null)" onmouseover="menus[5].onmouseover(); MM_swapImage('Image8','','imagens/contato_roll.gif',1)" onmouseout="menus[5].onmouseout(); MM_swapImgRestore()"><img src="imagens/contato_rest.gif" name="Image8" width="96" height="33" border="0" class="style2" id="Image8" /></a></td> </tr></table></td></tr></table></body></html>Discussão (8)
Carregando comentários...