Tengo el siguiente problema, estoy maquetando algunas plantillas para varias webs hermanas, el diseño debe ser casi igual, el cual a manera de árbol dispongo:
Cita: body
Capa global
capa cabecera
capa logotipo
capa botonera
capa busqueda
capa enlaces (enlaces de agregar a favoritos)
capa fecha (muestra la fecha)
fin de capa cabecera
Hasta aqui todo bien, se ve igual en firefox y en explorer
Aqui viene el problema, cuando quiero emplazar la capa central:
capa central
capa lateral izquierda
capa contenido
capa lateral derecha
fin de capa central
capa pie
fin de capa pie
fin de global
/body
En capa central tengo las dos laterales y dentro de ella la contenido, donde se supone van los contenidos de la web, dado que esta en plantilla, los contenidos estan en blanco, por lo que no hay nada dentro de ella, el punto es que la capa global tiene un background:#ffffff, por lo que todas las capas dentro de global al no llevar ningun background deberian llevar el color de fondo de global.
Ademas global tiene un borde de 1 pixel, y las capas dentro de global deberian tener ese pixel en su margen.
El problema es que en internet explorer se ve tal como quiero, todas las capas dentro de global tienen su borde exterior y su fondo blanco, pero en firefox y chrome solamente cabecera y laterales tienen el color blanco, mientras que contenido y toda pie estan transparentes.
Supuestamente se solucionaria añadiendo contenido en contenido (valga la redundancia) y a medida que se llena se va coloreando el fondo, pero no deberia ser asi, pues en IE se ve blanco aun no tenga nada.