Re: [Ovillo] es posible el diseño liquido y centrado ?
gracias por este codigo pues yo también estaba necesitando de el
Wilfredo Mtnez Consuegra
Editor - Imagen, Video y Sonido Digital
Centro de Estudio de Videos y Software Educativos
VISOFTED. ISP:Félix Varela Villa Clara Cuba
Email: [EMAIL PROTECTED]
[EMAIL PROTECTED]
[EMAIL PROTECTED]
[EMAIL PROTECTED]
[EMAIL PROTECTED]
Phone: (53) (0142) 20-1077
URL: http://www.qrz.com/CL6WIL
Pienso que sentarnos a ver como actúa la mano del destino sin tratar de
influir en él, no es la manera en la que el hombre está destinado a
actuar... Jhon Glenn
- Original Message -
From: Núria Ramoneda [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, December 29, 2006 7:28 PM
Subject: Re: [Ovillo]es posible el diseño liquido y centrado?
Mira a ver si es esto lo que quieres, si no te he entendido mal deberia
serlo. En cuanto al pie, puesto que tenia dudas sobre si iba dentro o fuera,
te he puesto los dos (peu i peudos)
Espero que te sirva:
!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=iso-8859-1 /
titleDocumento sin tiacute;tulo/title
style type=text/css
!--
#capa {
margin: 30px auto;
width:80%;
height:115px;
background-color: black;
}
#cap{height:30px; width:100%; background-color:red;}
#col1{ float:left; width:20%; height:80%; background-color: #CC6633;}
#col2{ float:left; width:60%; height:80%; background-color: #FF;}
#col3{ float:right; width:20%; height:80%; background-color: #CC;}
#cos{width:100%; height:80%; background-color:#FF;}
#peu{ width:100%; height: 20%; background-color: orange;}
#peudos {clear:both; margin-left:20%;width:60%; height: 20%;
background-color:#FFCC33;}
--
/style
/head
body
div id=capa
div id=cap/div
div id=col1/div
div id=col2
div id=cos/div
div id=peu/div
/div
div id=col3/div
div id=peudos/div
/div
/body
/html
2006/12/29, laura [EMAIL PROTECTED]:
hola
como dice el subject de este mail, me pregunto si se puede mantener
centrada una pagina cuyo diseño es liquido, (con %).
No me aclaro con una pagina tipica de cabecera, 3 columnas, (dos
columnas de menus entorno al centro en que hay articulos) y un pie que
no ha de rebasar la anchura del centro con articulos.
El tema, es q siempre se me acaba cayendo la columna de la derecha,
:(( Me han pedido q sea elastica para que se adapte a los monitores
grandes, pero yo quiero que se vea bien en todos, tambien en los
pequeños, se de un truco que consigue q se centre la pagina para
pantallas peques, pero lo uso con anchos fijos, no con anchos %.
Sabeis como conseguir todo esto?
Muchissimas gracias y feliz año!!!
Laura
___
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
___
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] es posible el diseño liquido y centrado ?
On /30/06, Núria Ramoneda @gmail.com wrote: Mira a ver si es esto lo que quieres, si no te he entendido mal deberia serlo. En cuanto al pie, puesto que tenia dudas sobre si iba dentro o fuera, te he puesto los dos (peu i peudos) Espero que te sirva: hola Nuría! Se parece mucho a lo que quiero :)) , voy a ver si puedo ir metiendo los modulos y demás para conseguir la web q me piden. Feliz año a todos, un abrazo! Laura ___ 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] es posible el diseño liquido y centrado ?
hola... tengo un problema, el id=cos no se alarga siguiendo el contenido, ni tampoco las columnas :(( On 12/30/06, laura @gmail.com wrote: On /30/06, Núria Ramoneda @gmail.com wrote: Mira a ver si es esto lo que quieres, si no te he entendido mal deberia serlo. En cuanto al pie, puesto que tenia dudas sobre si iba dentro o fuera, te he puesto los dos (peu i peudos) ___ 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] es posible el diseño liquido y centrado ?
Laura, no se alarga porque yo les he puesto una altura determinada (height). Quítasela y ponles un min-height para darles una altura mínima, si quieres. Es totalmente opcional. Pruébalo con IE6 porque me parece que da problemas el min-height, pero hay un hack que lo resuelve. ;-) Núria 2006/12/30, laura [EMAIL PROTECTED]: hola... tengo un problema, el id=cos no se alarga siguiendo el contenido, ni tampoco las columnas :(( On 12/30/06, laura @gmail.com wrote: On /30/06, Núria Ramoneda @gmail.com wrote: Mira a ver si es esto lo que quieres, si no te he entendido mal deberia serlo. En cuanto al pie, puesto que tenia dudas sobre si iba dentro o fuera, te he puesto los dos (peu i peudos) ___ 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] es posible el diseño liquido y centrado ?
hola como dice el subject de este mail, me pregunto si se puede mantener centrada una pagina cuyo diseño es liquido, (con %). No me aclaro con una pagina tipica de cabecera, 3 columnas, (dos columnas de menus entorno al centro en que hay articulos) y un pie que no ha de rebasar la anchura del centro con articulos. El tema, es q siempre se me acaba cayendo la columna de la derecha, :(( Me han pedido q sea elastica para que se adapte a los monitores grandes, pero yo quiero que se vea bien en todos, tambien en los pequeños, se de un truco que consigue q se centre la pagina para pantallas peques, pero lo uso con anchos fijos, no con anchos %. Sabeis como conseguir todo esto? Muchissimas gracias y feliz año!!! Laura ___ 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] es posible el diseño liquido y centrado ?
Mira a ver si es esto lo que quieres, si no te he entendido mal deberia
serlo. En cuanto al pie, puesto que tenia dudas sobre si iba dentro o fuera,
te he puesto los dos (peu i peudos)
Espero que te sirva:
!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=iso-8859-1 /
titleDocumento sin tiacute;tulo/title
style type=text/css
!--
#capa {
margin: 30px auto;
width:80%;
height:115px;
background-color: black;
}
#cap{height:30px; width:100%; background-color:red;}
#col1{ float:left; width:20%; height:80%; background-color: #CC6633;}
#col2{ float:left; width:60%; height:80%; background-color: #FF;}
#col3{ float:right; width:20%; height:80%; background-color: #CC;}
#cos{width:100%; height:80%; background-color:#FF;}
#peu{ width:100%; height: 20%; background-color: orange;}
#peudos {clear:both; margin-left:20%;width:60%; height: 20%;
background-color:#FFCC33;}
--
/style
/head
body
div id=capa
div id=cap/div
div id=col1/div
div id=col2
div id=cos/div
div id=peu/div
/div
div id=col3/div
div id=peudos/div
/div
/body
/html
2006/12/29, laura [EMAIL PROTECTED]:
hola
como dice el subject de este mail, me pregunto si se puede mantener
centrada una pagina cuyo diseño es liquido, (con %).
No me aclaro con una pagina tipica de cabecera, 3 columnas, (dos
columnas de menus entorno al centro en que hay articulos) y un pie que
no ha de rebasar la anchura del centro con articulos.
El tema, es q siempre se me acaba cayendo la columna de la derecha,
:(( Me han pedido q sea elastica para que se adapte a los monitores
grandes, pero yo quiero que se vea bien en todos, tambien en los
pequeños, se de un truco que consigue q se centre la pagina para
pantallas peques, pero lo uso con anchos fijos, no con anchos %.
Sabeis como conseguir todo esto?
Muchissimas gracias y feliz año!!!
Laura
___
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
