Saludos,

Javier Prieto escribió:
> Hola amigos:
>
> Tengo una duda a ver si hay alguna solución. No puedo enseñaros nada, 
> pero espero explicarme bien.
>
> Estoy diseñando un site de 3 columnas.
>
> La izquierda y central con float:left y la derecha con float:right.
> El izquierdo y derecho miden 200px y el central 500px (el ancho total es 
> de 900px).
>
> El problema viene porque quiero a veces mostrar y ocultar la columna de 
> la derecha, pero claro y lógico, la columna central no se escala porque 
> tiene un tamaño fijo de 500px.
>   

¿Mostrar/ocultar cómo? Ideas (no he probado peeero):
1. Si muestras/ocultas el panel derecho haciendo clic en algún enlace o 
similar la idea es combinar javascript con un panel central cuyo ancho 
sea líquido. a través de javascript deerás cambiar la propiedad de 
disposición del panel derecho a "display:none;" para ocultar.
2. Si muestras/ocultas al cargar un nuevo archivo .html... ¿por qué no 
puedes usar dos layouts?


> Queria saber si es posible maquetar esto de las 3 columnas, pero de 
> forma que al ocultar la columna de la derecha, el central se me estire y 
> pase a medir 700px.
>   

Otra idea que no he cotejado pero podría ser buena: Expressions 
(javascript en tu CSS). Así, para indicarle al panel central qué ancho 
debe tomar (por ejemplo, según si está el objeto div con propiedad 
'id="panel_derecho" o no)'. Es sólo una teoria, pero creo que puede 
valer. Ya me corregirán si me equivoco :-P


> Espero haberme explicado claramente.
>   

Perfectamente. Yo lamento no tener muestras exactas de lo que te digo... 
Por si no lo sabes, para que veas cómo funciona Expressions puedes ver 
el enlace más abajo [1]. Es de un ejemplo que enlazó Orange en esta 
misma lista. Espero que te sirva como base para el js correcto.

[1] http://www.abelsutilo.com/documentos/ovillo/ancho_adaptable/
> Un saludo y gracias de antemano
>   

Un saludo,
Abel
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
>
>   
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a