Div PA / scroll

erick_perez · #1 (**permalink**) 02/12/2009, 09:51

Que tal ! saludos!! tengo una duda, estoy haciendo un diseño el cual ya tengo en un 90%, se me acaba de ocurrir agregar un Div PA para poner contenido extra, esto ya lo hice en un principio pense que al insertar el Div afectaria el diseño, pero no en este foro me explicaron como hacerle, bueno ahora lo que quiero es que ese mismo Div PA se mantenga en su lugar aun cuando el usuario mueva el scroll del mouse o la barra de desplazamiento, como logro eso ?

Impostor · #2 (**permalink**) 02/12/2009, 09:59

¿que es un Div PA? Prueba con la propiedad fixed.

erick_perez · #3 (**permalink**) 02/12/2009, 10:09

Div PA = div posicion adsoluta, he probado con la propiedad fixed pero no me funciona en Internet explorer y se pierde el diseño

PrendekZ · #4 (**permalink**) 02/12/2009, 10:32

Sería mejor si programas la DIV.

Usando la propiedad Div AP puede no ser Estandár en los navegadores, prueba creando una div usando la propiedad position:absoluted; y ir moviendo valores.. Hasta que quede al gusto, de está forma quedara Bien.

Saludos.

jomaruro · #5 (**permalink**) 02/12/2009, 16:02

Hola:

Cita:

Iniciado por PrendekZ

Usando la propiedad Div AP puede no ser Estandár en los navegadores, prueba creando una div usando la propiedad position:absoluted; y ir moviendo valores..

Supongo que cuando hablas de Div AP te estás refiriendo a un Div PA, que como ya ha dicho anteriormente erick_perez, es un div con position:absolute. A lo que añado, es una terminología empleada por Dreamweaver pero solo eso una forma de llamar a los div con posición absoluta.

Saludos.

PrendekZ · #6 (**permalink**) 02/12/2009, 16:14

Cita:

Iniciado por jomaruro

Hola:

Supongo que cuando hablas de Div AP te estás refiriendo a un Div PA, que como ya ha dicho anteriormente erick_perez, es un div con position:absolute. A lo que añado, es una terminología empleada por Dreamweaver pero solo eso una forma de llamar a los div con posición absoluta.

Saludos.

Lo se, pero cuando lo usas desde dreamweaver no toma los valores deseados.

si lo programas con absolute quedará mejor y más entendible.

erick_perez · #7 (**permalink**) 03/12/2009, 17:54

MMM PrendekZ, gracias por tu respuesta, no he entendido bien, me sujieres que cambie de position:absoluted a position : absoluted??? este es el div:

Cita:

#fijo {
position:absolute;
left:-14px;
top:256px;
width:320px;
height:240px;
z-index:2;
}

he cambiado absolute por fixed, pero me descompone el diseño, lo que necesito es que no me descomponga el diseño, pero que ademas al mover la barra de desplazamiento vertical o el scroll del mouse, el div permanesca en su posicion y lo que se mueva sea el documento html, no se si me explique

PrendekZ · #8 (**permalink**) 03/12/2009, 18:15

Si muestras lo que quieres.. podremos ayudarte.

erick_perez · #9 (**permalink**) 03/12/2009, 18:24

O.k PrendekZ Quiero hacer algo como esto

onsitevideos.com/

si vez al monito que sale en medio?, cuando mueves el scroll para abajo o arriba, el video se queda fijo, no se mueve de su lugar, lo que se mueve es la pag y no el video

PrendekZ · #10 (**permalink**) 03/12/2009, 19:39

Sencillo.

html:

Cita:

css:

Cita:

#contenedor {
margin-right: auto;
margin-left: auto;
height: 1024px;
width: 1280px;
}
#absolute_fixed {
position:absolute;
position:fixed;
bottom: 0px;
top:50%;
left: 50%;
width: 200px;
height:166px;
margin-top:-86px;
margin-left: -100px;
}

Modifica los valores para que quede donde quieras y colocamos los 2 valores de "position" pero toca colocarlos por código.

aquí un ejemplo: www.westden.net/prueba2/

Saludos.

erick_perez · #11 (**permalink**) 04/12/2009, 00:18

Muchas gracias PrendekZ, lo he probado, es justamente lo que decias, Nuevamente Gracias!

PrendekZ · #12 (**permalink**) 04/12/2009, 01:02

Cita:

Iniciado por erick_perez

Muchas gracias PrendekZ, lo he probado, es justamente lo que decias, Nuevamente Gracias!

Con gusto, estamos para ayudar.

Saludos.