Buenas
es sobre maquetación
Tengo la siguiente situación.
Tengo que lograr el típico esquema
Header
Content (3 columnas)
Footer
Bien eso se logra facilmente, el problema está en las columnas, ya que lo que yo necesito es que el ancho de las columnas sea ajustable según el contenido.
O sea se me puede presentar el caso de que cualquiera de las columnas esté vacía, por lo que ese espacio vacío no debe aparecer, el mismo debería quedar cubierto con la columnas contigua.
POr ejemplo, algunas de las páginas podrian no tener nada en el panel izq. entonces el panel derecho deberí ocupar ese lugar.
Otro caso es que por ejemplo el contenido del panel central sea demasiado ancho, incluso podría superar el ancho de la pantalla, yo necesitaría que se amplíe lo necesario, desplazando el panel derecho lo que corresponda.
Generalmente el panel izq. y derecho no deberían exceder unos 200px.
He leído muchos tutoriales pero en ningún caso vi esta situación, cuyo comportamiento es el normal si usara tablas
Bueno espero haberme expresado bien. Por si ayuda le pongo algo de código.
<div>
<div id="toppane">
</div>
<div id="leftpane" style="float: left; ">
</div>
<div>
<div id="contentpane" >
</div>
<div id="rightpane" style="float: right;">
</div>
</div>
<div id="bottompane" style="clear: both; ">
</div>
</div>