Foros del Web » Creando para Internet » CSS »

Posicionar una capa (más dificil de lo que parece)

Estas en el tema de Posicionar una capa (más dificil de lo que parece) en el foro de CSS en Foros del Web. Hola: Tengo un problema, tengo una página con scroll vertical, y quiero que en la parte de abajo de la ventana me aparezca una franja ...
  #1 (permalink)  
Antiguo 22/04/2004, 10:52
Avatar de regui  
Fecha de Ingreso: abril-2002
Mensajes: 287
Antigüedad: 15 años, 7 meses
Puntos: 0
Pregunta Posicionar una capa (más dificil de lo que parece)

Hola:
Tengo un problema, tengo una página con scroll vertical, y quiero que en la parte de abajo de la ventana me aparezca una franja de color que me haga de cierre de la página (no abajo del todo del HTM, si no de la ventana al tamaño que la tengo abierta, por encima de la página y que si bajo el scroll siga apareciendo la página pero no se mueva la franja) y que si maximizo o redimensiono la ventana siga abajo también. He probado a poner un frameset, pero queda mal ya que el scroll de la página no llega hasta abajo de la ventana y tb he provado a poner una capa al 100% de alto con una tabla alineada abajo, funciona si maximizo o redimensiono la ventana, pero cuando bajo el scroll no se mueve.
Se que por CSS, alineando una capa se tiene que poder hacer, pero no se como, alguien puede echarme una mano?
Si no es con una capa me vale cualquier otro medio.
Gracias a todos
__________________
"En cuanto a mí, sólo sé que no sé nada"
Sócrates
  #2 (permalink)  
Antiguo 23/04/2004, 09:38
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Hola

Basicamente, lo que tienes que hacer es ubicar la página con una función de javascript y mediante estilos, asignarle la posición con el valor fixed.

position: fixed

Ahora bien ,si no recuerdo mal, el explorer no entiende bien esto pese a ser un código 100% standard, así que siguiendo con javascript, podrías mejorar la funció nque posiciona la mencionada capa y que detecte si se redimensiona el navegador, volviendo a posicionarla.

No es muy complicado, pero si tienes que hacer unas cuantas pruebas.

Por cierto, te digo que utilices javascript para posicionarla por costumbre, porque la verdad es que css2, permite definit distancias en porcentajes, lo cual te evitaría estar recalculando la posición. No es perfecto, pero es bastante bueno.

Suerte

Felicidad
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 23/04/2004, 13:04
Avatar de regui  
Fecha de Ingreso: abril-2002
Mensajes: 287
Antigüedad: 15 años, 7 meses
Puntos: 0
Hola
El problema que tengo es que no se como posicionar la capa cuando muevo el scroll. Al redimensionar la ventana o maximizarla si lo he conseguido, pero cuando bajo el scroll se queda fija y no baja. Tiene que haber algún metodo como tu dices que capture el movimiento del scroll, pero aún así me gustaría que fuese un movimiento fluido y que no fuera a saltos.
Gracias
__________________
"En cuanto a mí, sólo sé que no sé nada"
Sócrates
  #4 (permalink)  
Antiguo 26/04/2004, 04:41
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Hola

¿cómo estás haciendo que la capa se reposicione?

Lo ddigo, porque no tiene porque ocurrir saltos, si los movimientos son hechos con unidades de 1 pixel, los movimientos son fluidos.

AHora bien, al momento de redimensionar la venta completa, si suele haber un pequeños salto, aun así, lo podrías controlar haciendo que el script la mueva pixel a pixel.

Si tienes por ahi una página de ejemplo, podemos revisar el código y ver como mejorrarlo.

SUerte

Felicidad
__________________
¡ hey, hou, hou, hey !
  #5 (permalink)  
Antiguo 29/04/2004, 14:21
 
Fecha de Ingreso: diciembre-2003
Ubicación: Salamanca
Mensajes: 123
Antigüedad: 14 años
Puntos: 2
¿Por qué no pruebas con overflow?
Yo lo utilizo bastante, aunque al igual que con frameset el scroll solo ocupa lo que ocupe la capa 'movil'.
dobeto
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 01:40.