Problema Float y Div Footer

[beowulf99]

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...

[Mikmoro]

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.

[beowulf99]

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;
       margin: 1px;
       float:left;
}
 
.principal{
       width:765px;/* 1024-250*/
       height:700px;
       background-color:#A9A9A9;
       border-style:solid;
       border-width:1px;
       border-color:#000000;
       margin: 1px;
       float: right;
       
}
 
.footer{
       width:auto;
       height:50px;
       background-color:#FFFAFA;
       border-style:solid;
       border-width:1px;
       border-color:#000000;
       margin:1px;
} 
   

[beowulf99]

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) -

[Mikmoro]

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

Saludos.