Foros del Web - Div que se mueve

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Div que se mueve (http://www.forosdelweb.com/f53/div-que-mueve-567543/)

carlangas2

19/03/2008 09:43

Div que se mueve

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

20/03/2008 12:57

Re: Div que se mueve

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

juaniquillo

21/03/2008 07:15

Re: Div que se mueve

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

carlangas2

26/03/2008 11:14

Re: Div que se mueve

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

26/03/2008 11:45

Re: Div que se mueve

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

27/03/2008 06:50

Re: Div que se mueve

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

27/03/2008 07:02

Re: Div que se mueve

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

voy a estudiar mas sobre este tema.

juaniquillo

27/03/2008 07:44

Re: Div que se mueve

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

27/03/2008 19:47

Re: Div que se mueve

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

21/08/2010 04:01

Respuesta: Div que se mueve

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.

La zona horaria es GMT -6. Ahora son las 21:35.