Foros del Web » Creando para Internet » HTML »

ventana desplazable

Estas en el tema de ventana desplazable en el foro de HTML en Foros del Web. Buenas tardes a todos Aguno de ustedes me puede ayudar con este tema, resulta que quiero hacer un cuadro que se desplace verticalmernte en la ...
  #1 (permalink)  
Antiguo 10/08/2010, 13:57
Avatar de riven  
Fecha de Ingreso: junio-2005
Mensajes: 15
Antigüedad: 19 años, 5 meses
Puntos: 0
ventana desplazable

Buenas tardes a todos

Aguno de ustedes me puede ayudar con este tema, resulta que quiero hacer un cuadro que se desplace verticalmernte en la ventana del navegador mientras el usuario la examina con el V-scrollbar, de tal forma que siempre este visible mientras el usurio visita la pagina.

De antemano Agradezco la colaboracion
  #2 (permalink)  
Antiguo 10/08/2010, 14:01
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: ventana desplazable

puedes usar un position:fixed; en los estilos del div que contenga tu cuadro (no funciona en IE6)

si estas maquetando también para IE6 aquí hay un truco (aporte del compañero mikmoro)
http://www.araudi.net/ejemplos/IE6fixed.html

espero te sirva
  #3 (permalink)  
Antiguo 10/08/2010, 15:26
Avatar de riven  
Fecha de Ingreso: junio-2005
Mensajes: 15
Antigüedad: 19 años, 5 meses
Puntos: 0
Respuesta: ventana desplazable

Gracias AG666

No he logrado que me funcione, cuando le doy la posicion fixed se me va para la parte superior de la pagina, y no se visualiza en el navegador
  #4 (permalink)  
Antiguo 10/08/2010, 15:39
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: ventana desplazable

emmm nunca dijiste donde lo querías jeje pero va también error mio al no explicarte mas

debes tener algo mas o menos así

Código CSS:
Ver original
  1. .contenido{position:relative;z-index:100;}
  2. .banner{position:fixed;bottom:0; z-index:200;}
el bottom:0 es para decirle que debe estar al final de la pagina puedes usar los atributos top, bottom, left, right para darle la posición deseada.

el z-index es para indicar cual aparece encima y cual abajo (para usar el z-index se debe especificar un position - relative,absolute o fixed)

Código HTML:
Ver original
  1. <div class="contenido">tu contenido</div>
  2. <div class="banner">tu banner</div>

Etiquetas: ventanas
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 17:24.