Separando el rodape de las columnas superiores

Tengo un layout de 3 columnas posicionadas una al lado de otra con float left y abajo un rodape que tiene un clear both.
El problema es que el FF está "ignorando" las columnas con float y por este motivo el rodape queda "pegado" ( separación 0 ) con estas columnas. Ya el IE6 mas buenito, lee perfectametne los float y ubica al rodape donde yo quiero, unos 20 pixels abajo de esas columnas. Cómo hago para que el Firefox lea las float y me permita dar la separación deseada?

Desde ya muchas gracias. Claudio

Ishkandar escribió:

Muerte a Ishkandar.!!!


PD:Tienes una web donde verlo.?

Jajajaja yo uso FF pero debemos concordar que también dá sus dolores de cabeza en la hora de desarrollar.

http://www.soyuzdesign.com.br/reclame/

Prueba a ponerle "margin-top:20px;" al rodapie.
O si no, "margin-bottom:20px;", a las tres columnas sobre el rodapie.

Eso fue lo primero que hice. El problema es que el Firefox no "lee" las columnas que tienen Float entonces el margin hay que darselo desde la div que está antes de esas columnas, en este caso en el index puede resolverse dando un margin-top de 420 px y haciendo un hack para el IE6 para mantener en 20 px. El problema es que en las páginas interiores el contenido va a ser variable y en ese caso voy a tener que colocar un margin-top diferente para cada página, lo que no es una solución práctica.

Si aumentas el margin-bottom en las columnas podrás tener el efecto que buscas.

Curioso eso de que no lea el "margin"...


Solución rápida:
Crea un contenedor para el rodapie, y ponle "padding-top:20px;"
De esa manera, el #rodapie estará "separado:20px" de lo inmediatamente anterior.

Código :

#col_esq, #col_dir, #col_pri {
    float:left;
    text-align:left;
    border:1px solid #808080;
    background:#fff;
    padding: 0;
    margin:20px;
}

#col_esq {
   width:180px;
        margin-left:50px !important;
}

#col_dir, #col_pri {
   width:200px;
}

¿has cambiado algo desde que posteaste?
Porque funciona perfectamente poniendo sólamente

Es decir, lo que dije al principio:

rizome escribió: