Buenas gente tengo muchas dudas sobre las capas, y espero los masters del css me guien :)...
para empezar me creo una capa central centrada de unos 800px para ello hago
Código css:
Ver original<div style="margin: 0 auto;width: 800px;">
</div>
hasta aqui todo bien, pero dentro de esa capa quiero crear tres columnas para ello se que se usa float:left; por ejemplo, pero resulta que me fijo que si pongo contenido en alguna de las 3 capas con float:left; la capa principal no crece, en concecuencia no hace height?
Código css:
Ver original<div style="margin: 0 auto;width: 800px;">
<div style="width: 200px;float:left;">asdasd<br />asfdsdf</div>
<div style="width: 400px;float:left;">asdasd<br />asfdsdf</div>
<div style="width: 200px;float:left;">asdasd<br />asfdsdf</div>
</div>
me di cuenta al poner un border: 1px solid #BB0000; a la capa principal....
para que esto? es para poner un background a la capa principal.
esa es una pregunta, la segunda es, tengo esas mismas tres capas...
pero la capa 1 y 2 puede que a veces no tenga contenido, entonces me pidieron que la capa central de 400px abarque la capa que no tiene contenido, o sea
en el caso de que la capa 1 de 200px no tenga contenido, la capa central tome la capa 1 y se le sume llegando a los 600px, y lo mismo con la capa 3, con lo cual en el caso de no haber contenido en la capa 1 y 3 la capa central sea de 100%
alguna idea? solucion esta pregunta me aflije y preocupa mas que la anterior, espero me puedan ayudar, si necesitan mas datos me dicen, saludos.