Pegar imagen al borde inferior de la pantalla

carlosvudu · #1 (**permalink**) 23/08/2009, 10:39

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

kseso? · #2 (**permalink**) 23/08/2009, 12:49

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

carlosvudu · #3 (**permalink**) 24/08/2009, 04:25

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.

kseso? · #4 (**permalink**) 24/08/2009, 07:35

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

carlosvudu · #5 (**permalink**) 26/08/2009, 04:01

Funciona perfectamente!!. Te habrás saltado la promesa pero me has echado un cable importante. Muchas gracias!!!