Problemas con una capa que se mueve

SiR.CARAJ0DIDA · #1 (**permalink**) 14/12/2004, 12:58

Hice un script que mueve una capa por la pagina y rebota en los costados:

Código PHP:

  <script> 
var posL = 1; 
var posT = 1; 
var flag1 = 1; 
var flag2 = 1; 
var i = 2; // incremento 
function mover() 
{ 
    posMax = document.body.clientWidth + document.body.scrollLeft; 
    posMax2 = document.body.clientHeight + document.body.scrollTop; 
    c = document.getElementById('capa'); 
    if (flag1) 
    { 
        if ((parseInt(c.style.left) + c.offsetWidth) >= posMax ) 
        { 
            posL -=i; 
            flag1 = 0; 
        }else{ 
            posL +=i; 
            flag = 1; 
        } 
    }else{ 
        if (parseInt(c.style.left) < 1 ) 
        { 
            posL +=i; 
            flag1 = 1; 
        }else{ 
            posL -=i; 
            flag = 0; 
        } 
    } 
    if (flag2) 
    { 
        if ((parseInt(c.style.top) + c.offsetHeight) >= posMax2 ) 
        { 
            posT -=i; 
            flag2 = 0; 
        }else{ 
            posT +=i; 
            flag2 = 1; 
        } 
    }else{ 
        if (parseInt(c.style.top) < 1 ) 
        { 
            posT +=i; 
            flag2 = 1; 
        }else{ 
            posT -=i; 
            flag2 = 0; 
        } 
    } 
    c.style.top = posT; 
    c.style.left = posL; 
    setTimeout("mover()",1); 
} 
 
</script>

Código HTML:

<body onload="mover()">
<div id="capa" style="position:absolute">
<table cellpadding="5">
	<tr>
		<td style="text-align:center; font-family:trebuchet ms; font-weight:bold; border:1px solid black; background:silver; width:200px">HOLA!! ESTA ES UNA CAPA QUE SE MUEVE :D<br>
        <img src="http://webs.uolsinectis.com.ar/demi2004/fotos/sir_carajodida4_115x115.JPG"></td>
	</tr>
</table>
</div>
</body>

Pero vean lo que pasa, cuando rebota en el lado derecho la capa se achata y no entiendo porque

a ver si me dan una manito.

Aca pueden verla en funcionamiento:
http://webs.uolsinectis.com.ar/demi2004/capita.htm

Carlitos · #2 (**permalink**) 14/12/2004, 13:59

con firefox funciona bien. con explorer no.

yo diría que es porque has puesto una tabla. prueba a quitarla.

SiR.CARAJ0DIDA · #3 (**permalink**) 14/12/2004, 14:54

mm es verdad, la saque y funciona, pero porque?? O_o

Carlitos · #4 (**permalink**) 14/12/2004, 16:46

porque la tabla se sale de pantalla y se ajusta para que no se pierda su contenido.

prueba a darle medidas a la tabla (no a la celda como tienes ahora) y dáselas en pixels, no en porcentaje.