Re: [Ovillo] Layout a 3 columnas

2012-06-15 Por tema santosvz
http://www.pagecolumn.com/liquidfixed/3_col_fix-liquid-fix.htm


*-Mensaje original-
*De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En
*nombre de Marina Gallardo
*Enviado el: lunes, 04 de junio de 2012 04:27 a.m.
*Para: Ovillo, la lista de CSS en castellano
*Asunto: [Ovillo] Layout a 3 columnas
*
*Buenas a todos,
*
*Tengo un cliente que me pide tener dos columnas tipo sidebar a la izquierda
*y la otra a la derecha con un ancho fijo en píxeles, y que el div del
centro sea
*flexible y se amplie si la ventana está más o menos grande.
*
*¿Tenéis idea de cómo se podría hacer esto? He probado algunas cosas pero
*no ha habido suerte.
*
*Muchas gracias.
*___
*Lista de distribución Ovillo
*Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
*modificar tus datos o desuscribirte en la siguiente dirección:
*http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Layout a 3 columnas

2012-06-04 Por tema Olivier Blázquez
Hola Marina,
prueba a flotar los sidebars a la izda y dcha y flotar el div del centro y
darle un width auto.


**
*
*
*
*
*
*




El 4 de junio de 2012 10:56, Marina Gallardo marinagalla...@gmail.comescribió:

 Buenas a todos,

 Tengo un cliente que me pide tener dos columnas tipo sidebar a la izquierda
 y la otra a la derecha con un ancho fijo en píxeles, y que el div del
 centro sea flexible y se amplie si la ventana está más o menos grande.

 ¿Tenéis idea de cómo se podría hacer esto? He probado algunas cosas pero no
 ha habido suerte.

 Muchas gracias.
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Layout a 3 columnas

2012-06-04 Por tema Plácido Luna
Marina, prueba con esto a ver si es la idea:


!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleAnchos Fijo - Variable - Fijo/title
style type=text/css
*{
margin:0;
padding:0;
}
#contenedor {
float:left;
width: 100%;
height:400px;
}
#anchoVariable{
margin-left:200px;
margin-right:100px;
height:400px;
background-color:#DDD;
}
#sidebar1, #sidebar2{
float:left;
margin-left:-100%;
width:200px;
height:400px;
background-color:#CCC;
}
#sidebar2{
margin-left:-100px;
width:100px;
height:400px;
}
/style
/head

body
div id=contenedor
div id=anchoVariable
/div
/div
div id=sidebar1
/div
div id=sidebar2
/div
/body
/html

Saludos a la lista!
Plácido Luna.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Layout a 3 columnas

2012-06-04 Por tema Leonardo Azpurua
Hola,

Mira los ejemplos en esta página: 
http://www.cssplay.co.uk/layouts/three-column-layouts.html

Debe haber uin montón más, pero estos se parecen mucho a lo que describes.

Salud!


- Original Message - 
From: Marina Gallardo marinagalla...@gmail.com
To: Ovillo, la lista de CSS en castellano Ovillo@lists.ovillo.org
Sent: Monday, June 04, 2012 4:26 AM
Subject: [Ovillo] Layout a 3 columnas


Buenas a todos,

Tengo un cliente que me pide tener dos columnas tipo sidebar a la izquierda
y la otra a la derecha con un ancho fijo en píxeles, y que el div del
centro sea flexible y se amplie si la ventana está más o menos grande.

¿Tenéis idea de cómo se podría hacer esto? He probado algunas cosas pero no
ha habido suerte.

Muchas gracias.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo 

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo