La imagen de la izquierda representa lo que busco... y la derecha lo que obtengo.
Es decir, dentro de una capa meter dos capas mas, y que al final de la capa naranja le siga a la de color azuk.
El problema:
Las capas de color amarillo no se logran meter dentro de las naranjas, y si lo hacen (quitando los float:left) no se colocan en forma de columnas. Se que el problema esta en el codigo de las capas amarillas.
He buscado soluciones pero no las encuentro, aparentemente tengo todo bien,
por cierto solo falla en el firefox.
Aquì el codigo:
-----------------------------------------------------------------------------------------------------
HTML Código PHP:
<!-- La capa naranja -->
<div id="content">
<!-- Las Capas Amarillas -->
<div id="izquierda">Texto, texto (muchas veces)</div>
<div id="derecha">mas texto, y mas (escrito muchas veces)</div>
</div>
<!-- La capa azul -->
<div id="pie">Copyright Jaime 2008</div>
CSS El posible origen de mi error Código HTML:
/* capa naranja */
#content
{
margin: 0 auto;
width: 742px;
padding: 21px 9px;
border: 1px solid #2065A0;
border-top: 0px;
border-bottom: 0px;
background: #FFF;
}
/* capas amarillas */
#izquierda
{
background-color: #99A;
width: 40% ;
float: left;
}
#derecha
{
background-color: #CCF;
width: 40% ;
float: left;
}
/*PIE (capa azul) */
#pie
{
margin: 0 auto;
width: 740px;
text-align: right;
color: #FFFFFF;
letter-spacing: 2px;
background: #088db0 url('images/menu-background.jpg') repeat-x;
border: 1px solid #000;
font-family: helvetica, arial, verdana, tahoma, sans-serif;
padding: 3px 10px;
}
Les agradeceria enormemente su ayuda.
