Foros del Web » Creando para Internet » CSS »

Div PA / scroll

Estas en el tema de Div PA / scroll en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/12/2009, 09:51
 
Fecha de Ingreso: agosto-2009
Mensajes: 95
Antigüedad: 14 años, 6 meses
Puntos: 0
Div PA / scroll

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 ?
  #2 (permalink)  
Antiguo 02/12/2009, 09:59
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 15 años, 7 meses
Puntos: 20
Respuesta: Div PA / scroll

¿que es un Div PA? Prueba con la propiedad fixed.
  #3 (permalink)  
Antiguo 02/12/2009, 10:09
 
Fecha de Ingreso: agosto-2009
Mensajes: 95
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Div PA / scroll

Div PA = div posicion adsoluta, he probado con la propiedad fixed pero no me funciona en Internet explorer y se pierde el diseño
  #4 (permalink)  
Antiguo 02/12/2009, 10:32
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 14 años, 4 meses
Puntos: 17
Respuesta: Div PA / scroll

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.
  #5 (permalink)  
Antiguo 02/12/2009, 16:02
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 8 meses
Puntos: 361
Respuesta: Div PA / scroll

Hola:

Cita:
Iniciado por PrendekZ Ver Mensaje
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.

  #6 (permalink)  
Antiguo 02/12/2009, 16:14
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 14 años, 4 meses
Puntos: 17
Respuesta: Div PA / scroll

Cita:
Iniciado por jomaruro Ver Mensaje
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.
  #7 (permalink)  
Antiguo 03/12/2009, 17:54
 
Fecha de Ingreso: agosto-2009
Mensajes: 95
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Div PA / scroll

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
  #8 (permalink)  
Antiguo 03/12/2009, 18:15
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 14 años, 4 meses
Puntos: 17
Respuesta: Div PA / scroll

Si muestras lo que quieres.. podremos ayudarte.
  #9 (permalink)  
Antiguo 03/12/2009, 18:24
 
Fecha de Ingreso: agosto-2009
Mensajes: 95
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Div PA / scroll

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
  #10 (permalink)  
Antiguo 03/12/2009, 19:39
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 14 años, 4 meses
Puntos: 17
Respuesta: Div PA / scroll

Sencillo.

html:

Cita:
<body>
<div id="contenedor">
<img src="Herlex.jpg" width="1280" height="1024" />
<div id="absolute_fixed"><img src="carl_cox.jpg" width="200" height="166" /></div> <!-- Cierra la div absoluted_fixed -->
</div> <!-- Cierra la div contenedor -->
</body>
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.
  #11 (permalink)  
Antiguo 04/12/2009, 00:18
 
Fecha de Ingreso: agosto-2009
Mensajes: 95
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Div PA / scroll

Muchas gracias PrendekZ, lo he probado, es justamente lo que decias, Nuevamente Gracias!
  #12 (permalink)  
Antiguo 04/12/2009, 01:02
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 14 años, 4 meses
Puntos: 17
Respuesta: Div PA / scroll

Cita:
Iniciado por erick_perez Ver Mensaje
Muchas gracias PrendekZ, lo he probado, es justamente lo que decias, Nuevamente Gracias!
Con gusto, estamos para ayudar.

Saludos.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:37.