Foros del Web » Creando para Internet » CSS »

Pegar imagen al borde inferior de la pantalla

Estas en el tema de Pegar imagen al borde inferior de la pantalla en el foro de CSS en Foros del Web. Hola amigos, tengo el siguiente problema: Tengo un archivo swf que quiero pegar al margen inferior de la pantalla dentro de un div, y solo ...
  #1 (permalink)  
Antiguo 23/08/2009, 11:39
 
Fecha de Ingreso: diciembre-2008
Mensajes: 16
Antigüedad: 9 años
Puntos: 0
Pegar imagen al borde inferior de la pantalla

Hola amigos, tengo el siguiente problema:

Tengo un archivo swf que quiero pegar al margen inferior de la pantalla dentro de un div, y solo me funciona correctamente con firefox. El codigo CCS que tengo es el siguiente:

Código:
<style type="text/css">
body{ margin-bottom:0px; height:auto;}
#contenedor{ height:100%; margin-bottom:0px; }
#vacio{ height:auto;}
#contenido{ margin-bottom:0px; height:auto;}

</style>
Y el body lo tengo asi:

Código:
<body>
<div id="contenedor">
<div id="vacio">
 
</div>
<div id="contenido">
 ----ARCHIVO SWF----
</div>
</div>

</body>
Alguien me podría decir si estoy haciendo algo mal para que no se vea correctamente ni en "Explorer" y en "Crome".

Gracias
  #2 (permalink)  
Antiguo 23/08/2009, 13:49
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Pegar imagen al borde inferior de la pantalla

Utiliza "position:fixed" y "bottom:0"

Si lo quieres hacer con ie6, tienes ejemplos en (por ejemplo) www.araudi.net y en este foro de css.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 24/08/2009, 05:25
 
Fecha de Ingreso: diciembre-2008
Mensajes: 16
Antigüedad: 9 años
Puntos: 0
Respuesta: Pegar imagen al borde inferior de la pantalla

Muchas gracias Kseso. Se pega a la parte inferior perfectamente.
El problema ahora es el centrado. Habría que utilizar los valores right y left?¿?¿

Sé, que habias jurado no volver a explicar nada del centrado pero estoy muy verde en CSS.

Gracias.
  #4 (permalink)  
Antiguo 24/08/2009, 08:35
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Pegar imagen al borde inferior de la pantalla

Hola Carlos.
Ya sabes que la gacia de las promesas está en incumplirlas

Fixed es un absoluted especial.
Así que para centrarlo se utiliza la misma técnica que los absolute que es algo distinta que los relative.
Cita:
#fijo {position: fixed;
bottom: 0;
left: 50%;
width: XXpx;
height:YYpx;
margin-left: -(XX/2)px;}
donde -(XX/2)px es la mitad de la anchura con signo negativo.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #5 (permalink)  
Antiguo 26/08/2009, 05:01
 
Fecha de Ingreso: diciembre-2008
Mensajes: 16
Antigüedad: 9 años
Puntos: 0
Respuesta: Pegar imagen al borde inferior de la pantalla

Funciona perfectamente!!. Te habrás saltado la promesa pero me has echado un cable importante. Muchas gracias!!!
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 19:02.