CSS: Problema con footer en Safari
2 seguidores
Siempre tengo el mismo tema con Safari, todo muy bonito pero los footer me aparecen por cualquier lado ¿Hay algún truco?
En este caso lo tengo posicionado así, pero he probado mil combinaciones (posición relativa, etc...) y siempre me pasa lo mismo:
<code>
#footer {
position:absolute;
bottom: 0px;
display:block;
height: 34px;
width:100%;
}</code>
Gracias gentes.
danielsandesign
Por si a alguien le incumbe, lo he resuelto así:
El footer lo he metido en el div de contenido (que está posicionado relativo dentro de una envoltura con absoluto). Luego le he puesto un estilo directamente en el div:
<div id="footer" style="position:relative; bottom:0px;">
Y yastá.
Creo que el problema es que posiciona el footer antes de acabar con la carga de las imágenes, las cuales no tienen definido un height porque van variando, entonces me ponía el footer donde caía con los divs sin haber cargado aún las fotos.
Gracias Iván ;O)
danielsandesign
Mmh.. Lo estoy probando, pero parece que no lo soluciona.
El footer me aparece -a veces- por la mitad de la página. Si redimensiono la ventana, el footer cae a su posición correcta, pero si no lo hago aparece en cualquier lugar. Solo me pasa con Safari.
Gracias igualmente.
hartum
dejalo como esta es decir posicion absoluta pero el "contenedor" en tu caso html/body posion relative
html,body{
position:realtive;
height: 100%
}