Maquetacion con CSS y Firefox
 

Haber si alguien me puede sacar de este problema problema

El problema ocurre en el firefox;

La idea es hacer una maquetacion con 5 capas de la siguiente manera:

#contenedora
-----------------------------------------------------
| #############header################ |
| |
| ################### ########## |
| ################### ########## |
| ######lateral A ###### #Lateral B ## |
| ################### ########## |
| ################### ########## |
| |
| #############footer ################ |
-----------------------------------------------------


el cSS es este:

#contenedora
{
text-align: left;
width: 654px;

background-image:url('images/bg_cont.jpg');
margin: auto;
}

#header {
text-align: left;
width: 654px;
height:64px;
background-image:url('images/bg_header.jpg');
margin: auto;

}



#lateralA{
width:240px;
margin-left: 20px;
padding: 12px 0px 10px 0px;
background-color : red;

float:left;

}


#lateralb{
width: 130px;

background:green;
float:right;

}




Cuando visualizo la paguna en el fire-fox me quedan las capas header y footer pegadas y las laterales superpuestas a estas , es decir, el footer no baja a medida que crese las capas laterales. ya probe poniendo una nueva capa que contenga a estas dos capas "laterales" pero el problema sigue...

Muchas gracias por su tiempo !

que tal si también pones el code del footer, a ver si puedo ver donde esta el error.
un saludo

Hola unanime,

Mira a ver si este link te puede ayudar. A mí me ayudó bastante :)

http://cafeina.ladybenko.net/wp-cont...ssesamo01.html

Un saludo,
Kailea
:ojotes:

yo quitaria el float:right de lateralb(no lo necesitas) y pondria un margin-left:260px, tampoco has puesto el codigo del footer, aunque solo tendria q haber un clear:both

inmediatamente despues que terminen los dos laterales (izquierda y derecha), inserta este codigo:

<p style="clear:both; margin:0;padding:0;"></p>

Eso va a crear un espacio debajo de los dos floats y asi va a tirar tu footer debajo de ellos :).