Re: [Ovillo] Layout a 3 columnas
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
[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
Re: [Ovillo] Layout a 3 columnas
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
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
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
