Mover un <DIV>

pekpon · #1 (**permalink**) 07/07/2008, 18:32

Hola a todos.

Tengo un <div> en mi pagina web y este contiene una palabra. El div tiene puesto como id, el nombre de "flotante".

Mediante javascript escribo esto:

<script languaje="javascript">
document.getElementById('flotante').style.left = 800+"px"
</script>

Pero en cuanto lo ejecuto, el div sigue en su sitio y no se mueve. He buscado por todas partes ejemplos pero no encuentro nada diferente a lo mio, espero que me puedan ayudar.

Muchas gracias!

JavierB · #2 (**permalink**) 08/07/2008, 00:39

Hola pekpon

¿Tienes puesto el div con posición absoluta?

Código:

<style type="text/css">
#flotante {position: absolute}
</style>

Saludos,

pekpon · #3 (**permalink**) 08/07/2008, 02:58

Si, lo tengo puesto en absoluto.
Mira aqui te pongo lo que tengo ahora mismo:

Código HTML:

<head>
<script>
document.getElementById("flotante").style.left=500+"px";
</script>
<style type="text/css">
#flotante {
	position:absolute;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body>
<div id="flotante">Hola</div>
</body>

No entiendo nada.....:(

Saludos

JavierB · #4 (**permalink**) 08/07/2008, 03:10

Hola de nuevo.

Tal como tienes el código, se ejecuta el JavaScript antes de que exista el div. Ponlo así:

Código PHP:

  <head>
<script>
function ini() {
document.getElementById("flotante").style.left=500+"px";
}
</script>
<style type="text/css">
#flotante {
    position:absolute;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>

<body onload="ini()">
<div id="flotante">Hola</div>
</body>

Saludos,

pekpon · #5 (**permalink**) 08/07/2008, 03:43

Genial! Funciona perfectamente.

Gracias Javier!