Div que se mueve

carlangas2 · #1 (**permalink**) 19/03/2008, 09:43

hola amigos,
soy un poco novato en esto he intento todo lo que se me ocurre. peor tengo dias intentandolo y no puedo.
alguien me ayude por favor. no logro hacer que ese div se quede quito en un solo lugar.

http://www.soisola-ecovillas.com/ubicacion.php

alli esta la pagina, iy el problema esta en la parte inferior con los enlaces,
por favor una mano.
gracias

hades87 · #2 (**permalink**) 20/03/2008, 12:57

yo no veo nada extraño, donde anda el error?

juaniquillo · #3 (**permalink**) 21/03/2008, 07:15

¿no hiciste lo que te recomendé hacer aquí?
http://www.forosdelweb.com/f53/div-p...soluta-567195/

carlangas2 · #4 (**permalink**) 26/03/2008, 11:14

juaniquillo, si lo hice pero no me fundiona.
la tabla general de lapag esta centrada y al ponerla en posicion absoluta se muev igual ( el div) dependientdo de la resolucion de la pantalla, lo veo cuando restauro la ventana del nmavegador y la agrando manualmente, se ve como se mueve el div. dode estan los enlaces.

intente poniendoloen pocision srelativca con respaecto a una celda , pero al hacerlo en la celda se genera un espacio, que deforma la organizacion de la pagina.

gracias por su ayuda. alfinal la puse en pocicion absoluta y se sigue moviendo , pero con suerte tal vez nadie lo note, jeje
si alguien tiene alguna idea , soy todo oidos, en este caso ojos, jeje

juaniquillo · #5 (**permalink**) 26/03/2008, 11:45

la verdad es que el div no se mueve, sino que se queda en el mismo sitio. Lo que se mueve es el resto de la pagina con relación al espacio del navegador. Es por eso que se llama posición absoluta.

Has esto. ya lo he probado así que funciona:

1- despues de la etiqueta <body> pon este div:

Código HTML:

<div style="width:750px; margin: 0 auto; position:relative;">

2- antes de la etiqueta </body> cierra el div, osea, pon esto:

Código HTML:

</div>

veras que el footer se moverá de sitio. para ponerlo en el centro solo ajusta el estilo #apDiv1. Yo lo edité así:

Código HTML:

#apDiv1 {
    position:absolute;
    width:271px;
    height:24px;
    z-index:auto;
    left: 32%;
    top: 872px;
}

si no ves en el centro puedes jugar con el atributo left:32% hasta que quieras. Y eso es todo.

carlangas2 · #6 (**permalink**) 27/03/2008, 06:50

gracias juaniquillo, voy a probar en la noche, es explicacion esta tan claro que hasta alguien como yo que no sabe nada de programacion la entiende, jeje muy amable

carlangas2 · #7 (**permalink**) 27/03/2008, 07:02

bieeeeeeennn, gracias juaniquillo, lo probe y fundciona perfecto. la verdad no entiendo por que pero funciona, jeje. muchas gracias. dios por fin,

voy a estudiar mas sobre este tema.

juaniquillo · #8 (**permalink**) 27/03/2008, 07:44

Que bueno que pudiste resolver el problema. El problema era que el footer estaba absolutamente posicionado con relación al body. Lo que hice fue hacerlo relativo a un div del mismo tamaño que el contenido.

Saludos.

carlangas2 · #9 (**permalink**) 27/03/2008, 19:47

haa, que bueno gracias, de nuevo, no se que es un footer pero, bueno. tengo que buiscar para aprender mas sobre esto, porque sino seguire perdiendo tiempo.

normam · #10 (**permalink**) 21/08/2010, 04:01

Gracias, gracias, gracias juaniquillo!!!!! Recién estoy empezando, y tenía un problema parecido que me tenía loca. Aplicando lo que le explicaste a Carlangas2 lo pude resolver. Sos un genio.