Foros del Web » Creando para Internet » CSS »

Div se superpone al footer (en Chrome)

Estas en el tema de Div se superpone al footer (en Chrome) en el foro de CSS en Foros del Web. Hola amigos, paso a comentarles mi problema, estoy haciendo un sitio en el cual consta de una plantilla de tres columnas, una cabecera y el ...
  #1 (permalink)  
Antiguo 22/07/2010, 08:59
 
Fecha de Ingreso: octubre-2009
Mensajes: 240
Antigüedad: 8 años, 2 meses
Puntos: 6
Div se superpone al footer (en Chrome)

Hola amigos, paso a comentarles mi problema, estoy haciendo un sitio en el cual consta de una plantilla de tres columnas, una cabecera y el footer.

Mi problema es en una de las paginas en la que la columna central recibe gran cantidad de texto y fotos, cuando se empiezan a cargar las fotos parece que el footer ya no va mas para abajo y la columna central empieza a superponerse al div footer.
Hice precarga de imágenes pero la situación es la misma, el div footer baja hasta que se carga el texto, despues se queda y el contenedor empieza a superponerse.


Aca les dejo el css de los divs involucrados:
Código CSS:
Ver original
  1. #contenedor_central{
  2. margin:0 auto;
  3. width:500px;
  4. padding:24px;
  5. background-color:#fdfdfd;
  6. border:#990000 1px solid;
  7. text-align:left;
  8. min-height:150px;
  9. }
  10.  
  11.  
  12. #footer{
  13.    width:950px;
  14.    background-image:url('../imagenes/fondopie.jpg');
  15.    text-align:right;
  16.    height:50px;
  17.    float:none;
  18.    clear: both;
  19. }

Gracias y saludos.
  #2 (permalink)  
Antiguo 22/07/2010, 09:51
 
Fecha de Ingreso: noviembre-2009
Ubicación: Colombía
Mensajes: 311
Antigüedad: 8 años
Puntos: 17
Respuesta: Div se superpone al footer (en Chrome)

Cita:
#footer{
width:950px;
background-image:url('../imagenes/fondopie.jpg');
text-align:right;
height:50px;
clear: both;
}
No necesitas float:none. De hecho nunca lo eh utilizado y pués con solo hacer el clear:both, ya estas eliminando la flotación de "Footer".

Saludos
  #3 (permalink)  
Antiguo 22/07/2010, 11:58
 
Fecha de Ingreso: octubre-2009
Mensajes: 240
Antigüedad: 8 años, 2 meses
Puntos: 6
Respuesta: Div se superpone al footer (en Chrome)

Le he quitado el float, pero el problema subsiste.
Lo raro es que es solo en Chrome, en el explorer y firefox funciona perfectamente.
  #4 (permalink)  
Antiguo 29/07/2010, 05:04
Avatar de emal011  
Fecha de Ingreso: julio-2004
Ubicación: Munich
Mensajes: 211
Antigüedad: 13 años, 5 meses
Puntos: 2
Respuesta: Div se superpone al footer (en Chrome)

Cita:
position: absolute;
bottom: 0px;
agregale esto a tu footer...
__________________
El graduado en Ciencias pregunta "¿Por qué funciona?"
El graduado en Ingenieria pregunta "¿Cómo funciona?"
El graduado en Artes Liberales pregunta "¿Quiere papas fritas con eso?"

Etiquetas: chrome, footer
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:53.