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.