Comunidad de diseño web y desarrollo en internet online

Maquetación a 3 columnas autoajustables

Citar            
MensajeEscrito el 14 May 2008 01:42 pm
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>

Por corvendallas

2 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 May 2008 03:00 pm

corvendallas escribió:

[...] en ningún caso vi esta situación, cuyo comportamiento es el normal si usara tablas [...]
En ocasiones, nos empeñamos en complicarnos la vida...

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 14 May 2008 03:06 pm
Perdon, que significa eso?, no entiendo

Te cuento que tengo razones para hacerlo, por favor en lo posible aporta algo positivo.

Gracias

Por corvendallas

2 de clabLevel



 

firefox
Citar            
MensajeEscrito el 14 May 2008 04:18 pm
No dudo que tengas razones para hacerlo.
De hecho, algún hombre se empeñó en volar, y aún ante las burlas de sus coetáneos consiguió viéndose en el aire...
Y hasta hoy.

Pero aún así, hay veces que nos complicamos la vida.
Lo siento si mi comentario a frustrado tu mañana, y lo has visto como algo negativo, pero yo no lo veo tal.

Espero que tengas más suerte, y muchos clabers te den las respuestas que a tí te gusten oir, y yo no supe dar.
U_U

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 14 May 2008 05:19 pm
Creo que lo que tu pretendes lograr se consigue más fácilmente cambiando la plantilla html que estas usando dependiendo del contenido que quieres mostrar. Los otros métodos que se me ocurren son demasiado complicados y no vale la pena amargarse tanto por eso cuando ya hay otra solución más sencilla.

Por Odin

Claber

639 de clabLevel

2 tutoriales

Genero:Masculino   Premio_Secretos

El valle de las hamacas

firefox
Citar            
MensajeEscrito el 14 May 2008 06:57 pm
Bueno, gracias por responder Odin, si opino lo mismo, si no hay manera sencilla de hacerlo, no vale la pena, en mi caso y por ahora voy a usar una tabla, para esta sección.

Lamento tener que romper las reglas XHTML, pero es preferible a que me queden columnas en blanco, ya que así trabaja el framekork con el que stoy trabajando.
En algún momento pintará alguna solución.
Saludos

Por corvendallas

2 de clabLevel



 

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.