Código HTML:
<table id="visor" border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" style="float:left; position:absolute; top:0px; left:0px; display:none; z-index:5;"> <tr><td valign="middle" align="center" width="100%" height="100%"> <div id="ventana" style="width:350px; height:300px; background-color:#FFFFFF; padding-top:10px;"> <img id="imagen" /> <a href="javascript:ocultar();"><div id="cerrar" style="background-color:#00FF00; width:10px; height:10px; top:10px; right:0px;"> </div></a> </div> </td></tr> </table>
Código Javascript:
Ver original
if (ajax.readyState == 4) { document.getElementById(capa).innerHTML=ajax.responseText; document.getElementById(capa).style.width=document.getElementById("imagen").width+20; document.getElementById(capa).style.height=document.getElementById("imagen").height+50; }
el problema son los estilos, lo del ajax solo es para situarse, en iexplore funciona perfectamente pero en chrome no ajusta el tamaño
solucion
Cita:
Tienes que poner +'px' al final
document.getElementById(capa).style.width=document .getElementById("imagen").width+20+'px';
document.getElementById(capa).style.width=document .getElementById("imagen").width+20+'px';