Foros del Web » Creando para Internet » CSS »

Problema Float y Div Footer

Estas en el tema de Problema Float y Div Footer en el foro de CSS en Foros del Web. Buenas gente, Me estoy volviendo LOCO con este tema, tengo una pagina muy sencilla con un Div Header , Div Izquierda (menu), Div principal (a ...
  #1 (permalink)  
Antiguo 23/01/2009, 03:15
 
Fecha de Ingreso: octubre-2008
Mensajes: 112
Antigüedad: 9 años, 2 meses
Puntos: 0
Problema Float y Div Footer

Buenas gente,

Me estoy volviendo LOCO con este tema, tengo una pagina muy sencilla con un Div Header , Div Izquierda (menu), Div principal (a la derecha del Div izquierda), y por ultimo un Div Footer (Footer y Header del mismo ancho, y el Izquierda y Principal entre ellos).

Bueno la historia es que ahora mismo en IE6, IE7 se ve perfecto.
En firefox y demas cuando pongo en el Div principal el FLOAT: right; , el footer (lo que es el cuadro) se queda por debajo de los Div de en medio, osea debajo del Header y detras de los otros 2, y no baja a su sitio. Repito esto con firefox, opera. Si quito el FLOAT:RIGHT; pues no se desplaza a la izquierda entero.

Alguien se le ocurre algo ?? He probado 1000000000 combinaciones...
  #2 (permalink)  
Antiguo 23/01/2009, 04:23
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema Float y Div Footer

Prueba a hacer un contenedor que englobe el de la izquierda y el central. A este contenedor le añades en la CSS overflow: auto; y a ver qué ocurre. Si no consigues lo que quieres pone el código que usas.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 23/01/2009, 04:36
 
Fecha de Ingreso: octubre-2008
Mensajes: 112
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Problema Float y Div Footer

de mientras que pruebo tu otra opcion te dejo el codigo a ver si ves algo raro.

Código PHP:
#container {
       
background-color:blue;/*FONDO DIV GLOBAL*/
       
border-style:solid;
       
border-color:#000000;
       
margin:0 auto;
       
width:1024px;
       
height:auto;
}

.
header{
       
width:1024px;
       
height:80px;
       
background-color:#FFFAFA;
       
border-style:solid;
       
border-width:1px;
       
border-color:#000000;
       
margin:0 0 5px 0;
}

.
izquierda{
       
width:250px;
       
height:700px;
       
background-color:#ADD8E6;
       
border-style:solid;
       
border-width:1px;
       
border-color:#000000;
       
margin1px;
       
float:left;
}

.
principal{
       
width:765px;/* 1024-250*/
       
height:700px;
       
background-color:#A9A9A9;
       
border-style:solid;
       
border-width:1px;
       
border-color:#000000;
       
margin1px;
       
floatright;
       
}

.
footer{
       
width:auto;
       
height:50px;
       
background-color:#FFFAFA;
       
border-style:solid;
       
border-width:1px;
       
border-color:#000000;
       
margin:1px;

  #4 (permalink)  
Antiguo 23/01/2009, 05:44
 
Fecha de Ingreso: octubre-2008
Mensajes: 112
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: Problema Float y Div Footer

Gracias Mikmoro, creando un nuevo div y metiendo esos 2 dentro, solucionado el problema. Ademas mas configurable todavia, muy buena idea si señor.

CSS - Es la bomba y a la vez un koñazo (siempre hay algo k retokar) -

  #5 (permalink)  
Antiguo 23/01/2009, 05:51
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema Float y Div Footer

De nada, es un placer.
Para mi es divertido, y cuantas más complicaciones más aprendes, como en todo.

Saludos.
__________________
Visita mi nueva web idplus.org
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 05:06.