Re: [Ovillo] diseño a 3 columnas
Gracias Reynier. Ya debería estar arreglado. Si es que no se puede escribir con prisas :) Reynier Perez Mira escribió: > Hola David: > He encotrado otro error de ficheros: Error: Could not open second.css, ;) Se > te olvido subir otro fichero > Salu2 > Reynier Pérez Mira > 5to. año Ing. Informática > Universidad de las Ciencias Informáticas > >> -Original Message- >> From: [EMAIL PROTECTED] [mailto:ovillo- >> [EMAIL PROTECTED] On Behalf Of David Pardo >> Sent: Friday, June 15, 2007 3:53 AM >> To: Ovillo, la lista de CSS en castellano >> Subject: Re: [Ovillo] diseño a 3 columnas >> >> He detallado todo el proceso en mi blog, por si a alguien le interesa. >> Está en inglés pero se entiende bien. >> >> http://blog.corunet.com/english/three-column-layout-with-full-page-height >> >> Gracias de nuevo a ListaCss por la idea original. >> >> sn escribió: >>> ahora sí! >>> perfecto david, lo has conseguido utilizando muy poquito javascript. >>> es una pena que no se pueda hacer un efecto "tan simple" solo con css, >> pero >>> bueno. >>> >>> se agradece! >>> ___ >>> 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 > ___ 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] diseño a 3 columnas
Hola David: He encotrado otro error de ficheros: Error: Could not open second.css, ;) Se te olvido subir otro fichero Salu2 Reynier Pérez Mira 5to. año Ing. Informática Universidad de las Ciencias Informáticas > -Original Message- > From: [EMAIL PROTECTED] [mailto:ovillo- > [EMAIL PROTECTED] On Behalf Of David Pardo > Sent: Friday, June 15, 2007 3:53 AM > To: Ovillo, la lista de CSS en castellano > Subject: Re: [Ovillo] diseño a 3 columnas > > He detallado todo el proceso en mi blog, por si a alguien le interesa. > Está en inglés pero se entiende bien. > > http://blog.corunet.com/english/three-column-layout-with-full-page-height > > Gracias de nuevo a ListaCss por la idea original. > > sn escribió: > > ahora sí! > > perfecto david, lo has conseguido utilizando muy poquito javascript. > > es una pena que no se pueda hacer un efecto "tan simple" solo con css, > pero > > bueno. > > > > se agradece! > > ___ > > 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] diseño a 3 columnas
Si está en la especificación 2.1 todavía no es estándar. Es un "borrador" que no es lo mismo. Mucho cuidado con afirmar estas cosas ya que pueden cambiar. Una cosa no se considera estándar cuando no está calificada como "recomendación". On Jun 15, 2007, at 3:12 PM, Almorca wrote: > Primero me presento. Soy Alex, en la red uso el nombre de Almorca > y este es > mi primer mensaje en la lista. > > min-height si que es estándar. Lo podéis comprar en > http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/ > > El problema es, como casi siempre, que no funciona en IE, pero para > ello > existe una librería javascript llamada IE7 que lo soluciona. Si a > alguien le > interesa y no encuentra en Google la librería IE7 que me lo diga y > busco el > enlace. > > -- > We don't need no education - Pink Floyd > ___ > 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 Diego Lafuente - http://www.minid.net http://www.tractis.com ___ 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] diseño a 3 columnas
ListaCss escribió: > Ah, ok... > > existe el min-height ese, pero no creo que sea standard, no? > Si que es estándar http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#min-max-heights Además es como se comporta erróneamente Explorer 6 cuando le simplemente le dices height. -- Saludos -=stripTM=- ___ 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] diseño a 3 columnas
Hola, NiftyCube no se visualiza en Firefox v2.004 (absolutamente), pero si en IE7. -- Miguel Flores Franco Pixelperú - Arte y diseño web basado en estándares http://www.pixelperu.net . http://www.limanetwork.com Telf.: (1) 567 7475 . MSN:[EMAIL PROTECTED] "El que nunca se equivoca, es porque nunca hace nada" - Original Message - From: "David Pardo" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Friday, June 15, 2007 7:57 AM Subject: Re: [Ovillo] diseño a 3 columnas Hola Reynier. Se puede utilizar niftycube sin problemas dentro de cada columna pero no aplicarselo a las columnas en si mismas. El código sería algo así. Necesitarias el JS niftycube.js en el mismo directorio: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> http://www.w3.org/1999/xhtml";> Demo tres columnas body{ margin:0 auto; background:#ccc; } #contenedor{ overflow:hidden; } #col1{ overflow:hidden; width:20%; float:left; background:#0ff; margin-bottom:-5000px; padding-bottom:5000px; } #col2{ width:60%; float:left; background:#f0f; margin-bottom:-5000px; padding-bottom:5000px; } #col3{ background-color:yellow; width:20%; float:left; background:#ff0; margin-bottom:-5000px; padding-bottom:5000px; } #pie{ height:40px; clear:both; float:none; background-color:black; color:white; width:100%; } div#box{width: 90%;padding: 20px;margin:0 auto; background:#f00;color:#000} .caja{ background:#0f0; padding:10px; } function fillthescreen(){ winH = windowHeight(); //This returns the screen heigth heightNeeded=winH-40; //We need to substract the footer height if( typeof( window.innerWidth ) != 'number' ) { //Explorer doesn't recognize minHeight document.getElementById('col1').style.height=heightNeeded+'px'; //So, we use height (and explroer bug) } document.getElementById('col1').style.minHeight=heightNeeded+'px'; //For every other browser, we use minHeight } function windowHeight(){ var alto= 0; if( typeof( window.innerWidth ) == 'number' ) { alto= window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { alto= document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { alto= document.body.clientHeight; } return alto; } window.onload=function(){ fillthescreen(); Nifty("div#box","big"); Nifty("div#caja1","big"); Nifty("div#caja2","big"); Nifty("div#caja3","big"); } rojorojorojorojorojorojorojorojorojorojorojorojo rojorojorojorojorojorojorojorojorojorojorojorojo rojorojorojorojorojorojorojorojorojorojorojorojo verde azulazulHola pollo azulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazul amarilloamarilloamarilloamarilloamarillo piepie Reynier Perez Mira escribió: > Hola David: > Está super eso que nos has dejado, mejor creo que no he encontrado alguno. > Tengo una duda al respecto. Yo estoy usando la librería NiftyCube [1] para > redondear las esquinas de los DIV y cosas por el estilo. ¿Es posible > seguir usandola luego de aplicar tus técnicas? > > Salu2 > Reynier Pérez Mira > 5to. año Ing. Informática > Universidad de las Ciencias Informáticas >> -Original Message- >> From: [EMAIL PROTECTED] [mailto:ovillo- >> [EMAIL PROTECTED] On Behalf Of David Pardo >> Sent: Friday, June 15, 2007 5:21 AM >> To: Ovillo, la lista de CSS en castellano >> Subject: Re: [Ovillo] diseño a 3 columnas >> >> Anoche me precipité. Estuve traduciendo loscomentarios del código y metí >> la pata (me dejé puesto un co11 en vez de un col1 -una l por un uno-). >> Ya está arreglado. >> >> ListaCss escribió: >>> hay que ponerle un width, creo >>> - Original Message - >>> From: sn >>> To: Ovillo, la lista de CSS en castellano >>> Sent: Friday, June 15, 2007 10:56 AM >>> Subject: Re: [Ovillo] diseño a 3 columnas >>> >>> >>> he probado el archivo final de tu blog en ie6 y algo falla, el pie no >> queda >>> pegado al margen inferior del navegador. voy a hecharle un ojo haber >> que >>> ocurre... >>> ___ >>> 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/lis
Re: [Ovillo] diseño a 3 columnas
Primero me presento. Soy Alex, en la red uso el nombre de Almorca y este es mi primer mensaje en la lista. min-height si que es estándar. Lo podéis comprar en http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/ El problema es, como casi siempre, que no funciona en IE, pero para ello existe una librería javascript llamada IE7 que lo soluciona. Si a alguien le interesa y no encuentra en Google la librería IE7 que me lo diga y busco el enlace. -- We don't need no education - Pink Floyd ___ 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] diseño a 3 columnas
Hola Reynier. Se puede utilizar niftycube sin problemas dentro de cada columna pero no aplicarselo a las columnas en si mismas. El código sería algo así. Necesitarias el JS niftycube.js en el mismo directorio: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> http://www.w3.org/1999/xhtml";> Demo tres columnas body{ margin:0 auto; background:#ccc; } #contenedor{ overflow:hidden; } #col1{ overflow:hidden; width:20%; float:left; background:#0ff; margin-bottom:-5000px; padding-bottom:5000px; } #col2{ width:60%; float:left; background:#f0f; margin-bottom:-5000px; padding-bottom:5000px; } #col3{ background-color:yellow; width:20%; float:left; background:#ff0; margin-bottom:-5000px; padding-bottom:5000px; } #pie{ height:40px; clear:both; float:none; background-color:black; color:white; width:100%; } div#box{width: 90%;padding: 20px;margin:0 auto; background:#f00;color:#000} .caja{ background:#0f0; padding:10px; } function fillthescreen(){ winH = windowHeight(); //This returns the screen heigth heightNeeded=winH-40; //We need to substract the footer height if( typeof( window.innerWidth ) != 'number' ) { //Explorer doesn't recognize minHeight document.getElementById('col1').style.height=heightNeeded+'px'; //So, we use height (and explroer bug) } document.getElementById('col1').style.minHeight=heightNeeded+'px'; //For every other browser, we use minHeight } function windowHeight(){ var alto= 0; if( typeof( window.innerWidth ) == 'number' ) { alto= window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { alto= document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { alto= document.body.clientHeight; } return alto; } window.onload=function(){ fillthescreen(); Nifty("div#box","big"); Nifty("div#caja1","big"); Nifty("div#caja2","big"); Nifty("div#caja3","big"); } rojorojorojorojorojorojorojorojorojorojorojorojo rojorojorojorojorojorojorojorojorojorojorojorojo rojorojorojorojorojorojorojorojorojorojorojorojo verde azulazulHola pollo azulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazul amarilloamarilloamarilloamarilloamarillo piepie Reynier Perez Mira escribió: > Hola David: > Está super eso que nos has dejado, mejor creo que no he encontrado alguno. > Tengo una duda al respecto. Yo estoy usando la librería NiftyCube [1] para > redondear las esquinas de los DIV y cosas por el estilo. ¿Es posible seguir > usandola luego de aplicar tus técnicas? > > Salu2 > Reynier Pérez Mira > 5to. año Ing. Informática > Universidad de las Ciencias Informáticas >> -Original Message----- >> From: [EMAIL PROTECTED] [mailto:ovillo- >> [EMAIL PROTECTED] On Behalf Of David Pardo >> Sent: Friday, June 15, 2007 5:21 AM >> To: Ovillo, la lista de CSS en castellano >> Subject: Re: [Ovillo] diseño a 3 columnas >> >> Anoche me precipité. Estuve traduciendo loscomentarios del código y metí >> la pata (me dejé puesto un co11 en vez de un col1 -una l por un uno-). >> Ya está arreglado. >> >> ListaCss escribió: >>> hay que ponerle un width, creo >>> - Original Message - >>> From: sn >>> To: Ovillo, la lista de CSS en castellano >>> Sent: Friday, June 15, 2007 10:56 AM >>> Subject: Re: [Ovillo] diseño a 3 columnas >>> >>> >>> he probado el archivo final de tu blog en ie6 y algo falla, el pie no >> queda >>> pegado al margen inferior del navegador. voy a hecharle un ojo haber >> que >>> ocurre... >>> ___ >>> 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] diseño a 3 columnas
Hola David: Está super eso que nos has dejado, mejor creo que no he encontrado alguno. Tengo una duda al respecto. Yo estoy usando la librería NiftyCube [1] para redondear las esquinas de los DIV y cosas por el estilo. ¿Es posible seguir usandola luego de aplicar tus técnicas? Salu2 Reynier Pérez Mira 5to. año Ing. Informática Universidad de las Ciencias Informáticas > -Original Message- > From: [EMAIL PROTECTED] [mailto:ovillo- > [EMAIL PROTECTED] On Behalf Of David Pardo > Sent: Friday, June 15, 2007 5:21 AM > To: Ovillo, la lista de CSS en castellano > Subject: Re: [Ovillo] diseño a 3 columnas > > Anoche me precipité. Estuve traduciendo loscomentarios del código y metí > la pata (me dejé puesto un co11 en vez de un col1 -una l por un uno-). > Ya está arreglado. > > ListaCss escribió: > > hay que ponerle un width, creo > > - Original Message - > > From: sn > > To: Ovillo, la lista de CSS en castellano > > Sent: Friday, June 15, 2007 10:56 AM > > Subject: Re: [Ovillo] diseño a 3 columnas > > > > > > he probado el archivo final de tu blog en ie6 y algo falla, el pie no > queda > > pegado al margen inferior del navegador. voy a hecharle un ojo haber > que > > ocurre... > > ___ > > 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 ___ 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] diseño a 3 columnas
Eso es porque estoy tonto y me olvidé de subir los archivos. Ahora ya está. Reynier Perez Mira escribió: > Yo nuevemente. Mientras estuve leyendo me topé con una serie de errores de > este tipo: > "Error: Could not open height.js" > ¿Eso es intencional o es que es un error y no te has percatado de ello? > Salu2 > Reynier Pérez Mira > 5to. año Ing. Informática > Universidad de las Ciencias Informáticas > >> -Original Message- >> From: [EMAIL PROTECTED] [mailto:ovillo- >> [EMAIL PROTECTED] On Behalf Of David Pardo >> Sent: Friday, June 15, 2007 5:21 AM >> To: Ovillo, la lista de CSS en castellano >> Subject: Re: [Ovillo] diseño a 3 columnas >> >> Anoche me precipité. Estuve traduciendo loscomentarios del código y metí >> la pata (me dejé puesto un co11 en vez de un col1 -una l por un uno-). >> Ya está arreglado. >> >> ListaCss escribió: >>> hay que ponerle un width, creo >>> - Original Message - >>> From: sn >>> To: Ovillo, la lista de CSS en castellano >>> Sent: Friday, June 15, 2007 10:56 AM >>> Subject: Re: [Ovillo] diseño a 3 columnas >>> >>> >>> he probado el archivo final de tu blog en ie6 y algo falla, el pie no >> queda >>> pegado al margen inferior del navegador. voy a hecharle un ojo haber >> que >>> ocurre... >>> ___ >>> 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 > ___ > 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] diseño a 3 columnas
Yo nuevemente. Mientras estuve leyendo me topé con una serie de errores de este tipo: "Error: Could not open height.js" ¿Eso es intencional o es que es un error y no te has percatado de ello? Salu2 Reynier Pérez Mira 5to. año Ing. Informática Universidad de las Ciencias Informáticas > -Original Message- > From: [EMAIL PROTECTED] [mailto:ovillo- > [EMAIL PROTECTED] On Behalf Of David Pardo > Sent: Friday, June 15, 2007 5:21 AM > To: Ovillo, la lista de CSS en castellano > Subject: Re: [Ovillo] diseño a 3 columnas > > Anoche me precipité. Estuve traduciendo loscomentarios del código y metí > la pata (me dejé puesto un co11 en vez de un col1 -una l por un uno-). > Ya está arreglado. > > ListaCss escribió: > > hay que ponerle un width, creo > > - Original Message - > > From: sn > > To: Ovillo, la lista de CSS en castellano > > Sent: Friday, June 15, 2007 10:56 AM > > Subject: Re: [Ovillo] diseño a 3 columnas > > > > > > he probado el archivo final de tu blog en ie6 y algo falla, el pie no > queda > > pegado al margen inferior del navegador. voy a hecharle un ojo haber > que > > ocurre... > > ___ > > 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 ___ 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] diseño a 3 columnas
efectivamente, era ese el error. además son de los fallos tontos que cuesta encontrar y que tanto nos tocan los guebs. ___ 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] diseño a 3 columnas
Anoche me precipité. Estuve traduciendo loscomentarios del código y metí la pata (me dejé puesto un co11 en vez de un col1 -una l por un uno-). Ya está arreglado. ListaCss escribió: > hay que ponerle un width, creo > - Original Message - > From: sn > To: Ovillo, la lista de CSS en castellano > Sent: Friday, June 15, 2007 10:56 AM > Subject: Re: [Ovillo] diseño a 3 columnas > > > he probado el archivo final de tu blog en ie6 y algo falla, el pie no queda > pegado al margen inferior del navegador. voy a hecharle un ojo haber que > ocurre... > ___ > 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] diseño a 3 columnas
hay que ponerle un width, creo - Original Message - From: sn To: Ovillo, la lista de CSS en castellano Sent: Friday, June 15, 2007 10:56 AM Subject: Re: [Ovillo] diseño a 3 columnas he probado el archivo final de tu blog en ie6 y algo falla, el pie no queda pegado al margen inferior del navegador. voy a hecharle un ojo haber que ocurre... ___ 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] diseño a 3 columnas
he probado el archivo final de tu blog en ie6 y algo falla, el pie no queda pegado al margen inferior del navegador. voy a hecharle un ojo haber que ocurre... ___ 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] diseño a 3 columnas
> joder, te lo has currao hermano. Gracias, pa eso estamos :) ___ 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] diseño a 3 columnas
He detallado todo el proceso en mi blog, por si a alguien le interesa. Está en inglés pero se entiende bien. http://blog.corunet.com/english/three-column-layout-with-full-page-height Gracias de nuevo a ListaCss por la idea original. sn escribió: > ahora sí! > perfecto david, lo has conseguido utilizando muy poquito javascript. > es una pena que no se pueda hacer un efecto "tan simple" solo con css, pero > bueno. > > se agradece! > ___ > 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] diseño a 3 columnas
joder, te lo has currao hermano. ___ 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] diseño a 3 columnas
ahora sí! perfecto david, lo has conseguido utilizando muy poquito javascript. es una pena que no se pueda hacer un efecto "tan simple" solo con css, pero bueno. se agradece! ___ 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] diseño a 3 columnas
Yo lo ví correctamente... igual tiene capada la url - Original Message - From: David Pardo To: Ovillo, la lista de CSS en castellano Sent: Thursday, June 14, 2007 4:52 PM Subject: Re: [Ovillo] diseño a 3 columnas > david, no me funciona el enlace para ver el asunto. Yo lo veo bien. http://blog.corunet.com/demotrescolumnas.html Tal como está funciona en opera, firefox y explorer, pero usando javascript y el truco de los márgenes negativos que mandó listacss Lleva un alert para que se vea como lo hace. De todas formas, pego el código: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> http://www.w3.org/1999/xhtml";> Demo tres columnas function ajustaraltura(){ winH = alturaventana(); alert("ajustar altura:") altocolumna=winH-40; if( typeof( window.innerWidth ) != 'number' ) { document.getElementById('co11').style.height=altocolumna+'px'; } document.getElementById('co11').style.minHeight=altocolumna+'px'; } function alturaventana(){ var alto= 0; if( typeof( window.innerWidth ) == 'number' ) { alto= window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { alto= document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { alto= document.body.clientHeight; } return alto; } body{ margin:0 auto; } #contenedor{ overflow:hidden; } #co11{ background-color:red; overflow:hidden; margin-bottom:-5000px; padding-bottom:5000px; width:20%; float:left; } #co12{ background-color:blue; margin-bottom:-5000px; width:60%; padding-bottom:5000px; float:left; } #co13{ background-color:yellow; margin-bottom:-5000px; width:20%; padding-bottom:5000px; float:left; } #pie{ height:40px; clear:both; float:none; background-color:black; color:white; width:100%; } rojorojorojorojorojorojorojorojorojorojorojorojo rojorojorojorojorojorojorojorojorojorojorojorojo rojorojorojorojorojorojorojorojorojorojorojorojo verde azulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazul amarilloamarilloamarilloamarilloamarillo piepie ___ 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] diseño a 3 columnas
> david, no me funciona el enlace para ver el asunto. Yo lo veo bien. http://blog.corunet.com/demotrescolumnas.html Tal como está funciona en opera, firefox y explorer, pero usando javascript y el truco de los márgenes negativos que mandó listacss Lleva un alert para que se vea como lo hace. De todas formas, pego el código: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> http://www.w3.org/1999/xhtml";> Demo tres columnas function ajustaraltura(){ winH = alturaventana(); alert("ajustar altura:") altocolumna=winH-40; if( typeof( window.innerWidth ) != 'number' ) { document.getElementById('co11').style.height=altocolumna+'px'; } document.getElementById('co11').style.minHeight=altocolumna+'px'; } function alturaventana(){ var alto= 0; if( typeof( window.innerWidth ) == 'number' ) { alto= window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { alto= document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { alto= document.body.clientHeight; } return alto; } body{ margin:0 auto; } #contenedor{ overflow:hidden; } #co11{ background-color:red; overflow:hidden; margin-bottom:-5000px; padding-bottom:5000px; width:20%; float:left; } #co12{ background-color:blue; margin-bottom:-5000px; width:60%; padding-bottom:5000px; float:left; } #co13{ background-color:yellow; margin-bottom:-5000px; width:20%; padding-bottom:5000px; float:left; } #pie{ height:40px; clear:both; float:none; background-color:black; color:white; width:100%; } rojorojorojorojorojorojorojorojorojorojorojorojo rojorojorojorojorojorojorojorojorojorojorojorojo rojorojorojorojorojorojorojorojorojorojorojorojo verde azulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazul amarilloamarilloamarilloamarilloamarillo piepie ___ 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] diseño a 3 columnas
creo que no, además creo recordar que ie6 y demás pasan de él. ___ 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] diseño a 3 columnas
Ah, ok... existe el min-height ese, pero no creo que sea standard, no? - Original Message - From: sn To: Ovillo, la lista de CSS en castellano Sent: Thursday, June 14, 2007 4:23 PM Subject: Re: [Ovillo] diseño a 3 columnas listaCss, creo que no me entendiste bien, efectivamente todas las columnas se redimensionan a la altura de la más larga. pero el tema es que si todas son cortas(por ejemplo) se redimensionen hasta llegar al pie, que como apunta david, está pegado al bottom de la ventana. ese es el kid de la cuestión. david, no me funciona el enlace para ver el asunto. ___ 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] diseño a 3 columnas
listaCss, creo que no me entendiste bien, efectivamente todas las columnas se redimensionan a la altura de la más larga. pero el tema es que si todas son cortas(por ejemplo) se redimensionen hasta llegar al pie, que como apunta david, está pegado al bottom de la ventana. ese es el kid de la cuestión. david, no me funciona el enlace para ver el asunto. ___ 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] diseño a 3 columnas
El problema respecto a lo que comentaba sn es que en este caso el pie no se ajusta a la base del browser y, si no me equivoco, sería necesario utilizar javascript para fijarlo. De hecho, añadiendo: function ajustaraltura(){ winH = alturaventana(); alert("ajustar altura:") altocolumna=winH-40; if( typeof( window.innerWidth ) != 'number' ) { document.getElementById('co11').style.height=altocolumna+'px'; } document.getElementById('co11').style.minHeight=altocolumna+'px'; } function alturaventana(){ var alto= 0; if( typeof( window.innerWidth ) == 'number' ) { alto= window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { alto= document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { alto= document.body.clientHeight; } return alto; } Y llamando onload a la funcion ajustaraltura() funciona ok. He puesto el código en http://blog.corunet.com/demotrescolumnas.html por si acaso. ListaCss escribió: > a ver si te sirve este ejemplo, comenbtar que para que funcione bien en ie6 > tienes que ponerle width al pie, por eso lleva el 98% sino no se comporta > correctamente... > > no sé si es exactamente lo buscas... > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > http://www.w3.org/1999/xhtml";> > > > Untitled Document > > > > > #contenedor{ > overflow:hidden; > } > #co11{ > background-color:red; > overflow:hidden; > margin-bottom:-7000px; > padding-bottom:7000px; > float:left; > } > #co12{ > background-color:blue; > margin-bottom:-7000px; > padding-bottom:7000px; float:left; > } > #co13{ > background-color:yellow; > margin-bottom:-7000px; > padding-bottom:7000px; > float:left; > } > #pie{ > clear:both; > float:none; > background-color:black; > color:white; > width:98%; > } > > > > > rojorojorojorojorojorojo />rojorojorojorojorojorojo > rojorojorojorojorojorojo />rojorojorojorojorojorojo > rojorojorojorojorojorojo />rojorojorojorojorojorojo > rojorojorojorojorojorojo />rojorojorojorojorojorojo > verde > > azulazulazulazulazul />azulazulazulazulazulazulazul />azulazulazulazulazulazulazul />azulazulazulazulazul > amarilloamarilloamarilloamarillo />amarillo > > piepie > > > > - Original Message - > From: sn > To: Ovillo, la lista de CSS en castellano > Sent: Thursday, June 14, 2007 1:01 PM > Subject: Re: [Ovillo] diseño a 3 columnas > > > kon razón no encontraba el modo de hacerlo en puro css. > no es que no me fíe de david(gracias por tu respuesta, por cierto), pero si > alguien ve/intuye algún camino para resolver esto sin hechar mano de otras > tesnologías, que no dude en señalármelo. > > reenvío mi saludo! > ___ > 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] diseño a 3 columnas
Pero en mi ejemplo no ocupan todo el height?? quiero decir, que yo he probado en firefox, ie7 e ie6 de windows y sí crecen tanto como el contenido más ALTO... Bueno espero que puedas solucionarlo... Lo del pie es cierto, hice la prueba con tanto contenido que no me dí cuenta que con poco sube demasiado... los min-height en ese caso podrían servir, si bien no sé si es "standard" o no... - Original Message - From: sn To: Ovillo, la lista de CSS en castellano Sent: Thursday, June 14, 2007 1:45 PM Subject: Re: [Ovillo] diseño a 3 columnas bien! lo primero: muchas gracias a todos por las respuestas. ATINAmedia:"por motivos varios no me vale la típica imagen de un pixel, como fondo del contenedor, que se repite horizontalmente para hacer el efecto de los 3 colores de las columnas.", la solución que propones es lo que pretendía expresar aquí, aunque malamente, por lo que no me vale. Jose Miguel Pérez:ese es el modelo en el que las columnas laterales son los bordes de la central verdad? tambien me pareció muy ingenioso cuando lo vi. sin embargo tiene algunas carencias como por ejemplo que si queremos que el fondo de éstas sean imágenes en lugar de un color plano, pues la llevamos de verano. esto dicen se solucionará con css3 que admite imagenes para el fondo de los bordes, pero hasta entonces nada. no me vale la solución precisamente por ese motivo. ListaCss: tu código me ha dejado francamente sorprendido(positivamente, jiesjies). de entrada veo algún fallo, cómo que el pie no esté siempre pegado al bottom de la pantalla y que las columnas no ocupen todo el height de la misma si no tienen contenido, voy a farracachar un poco con él haber lo que saco, pero de entrada me parece prometedor. agradezco mucho vuestro interés. a continuar investigando!!! ___ 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] diseño a 3 columnas
bien! lo primero: muchas gracias a todos por las respuestas. ATINAmedia:"por motivos varios no me vale la típica imagen de un pixel, como fondo del contenedor, que se repite horizontalmente para hacer el efecto de los 3 colores de las columnas.", la solución que propones es lo que pretendía expresar aquí, aunque malamente, por lo que no me vale. Jose Miguel Pérez:ese es el modelo en el que las columnas laterales son los bordes de la central verdad? tambien me pareció muy ingenioso cuando lo vi. sin embargo tiene algunas carencias como por ejemplo que si queremos que el fondo de éstas sean imágenes en lugar de un color plano, pues la llevamos de verano. esto dicen se solucionará con css3 que admite imagenes para el fondo de los bordes, pero hasta entonces nada. no me vale la solución precisamente por ese motivo. ListaCss: tu código me ha dejado francamente sorprendido(positivamente, jiesjies). de entrada veo algún fallo, cómo que el pie no esté siempre pegado al bottom de la pantalla y que las columnas no ocupen todo el height de la misma si no tienen contenido, voy a farracachar un poco con él haber lo que saco, pero de entrada me parece prometedor. agradezco mucho vuestro interés. a continuar investigando!!! ___ 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] diseño a 3 columnas
Para un diseño liquido en 3 columnas en las que las 2 laterales son fijas, y la del medio variable, la mejor solución que he visto hasta la fecha es la de este artículo: http://www.alistapart.com/articles/multicolumnlayouts/ Y un ejemplo de este layout: http://www.alistapart.com/d/multicolumnlayouts/3ColLiquidWithContent.html La idea es muy ingeniosa, el div central tiene el border-left y border-right del mismo ancho y color que las columnas laterales, las cuales se colocan encima de los borders con márgenes negativos. Saludos. José Miguel. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de David Pardo Enviado el: jueves, 14 de junio de 2007 13:03 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] diseño a 3 columnas Javascript. Se mira la altura de cada una de las columnas y la resolución de la pantalla y se ajusta todo. De momento es la única manera de hacerlo. sn escribió: > salud lista; > > llevo tiempo peleando con un diseño a 3 columnas pero por más vueltas que le > doy no lo consigo, haber si entre todos sacamos algo. ___ 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] diseño a 3 columnas
a ver si te sirve este ejemplo, comenbtar que para que funcione bien en ie6 tienes que ponerle width al pie, por eso lleva el 98% sino no se comporta correctamente... no sé si es exactamente lo buscas... http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> http://www.w3.org/1999/xhtml";> Untitled Document #contenedor{ overflow:hidden; } #co11{ background-color:red; overflow:hidden; margin-bottom:-7000px; padding-bottom:7000px; float:left; } #co12{ background-color:blue; margin-bottom:-7000px; padding-bottom:7000px; float:left; } #co13{ background-color:yellow; margin-bottom:-7000px; padding-bottom:7000px; float:left; } #pie{ clear:both; float:none; background-color:black; color:white; width:98%; } rojorojorojorojorojorojorojorojorojorojorojorojo rojorojorojorojorojorojorojorojorojorojorojorojo rojorojorojorojorojorojorojorojorojorojorojorojo rojorojorojorojorojorojorojorojorojorojorojorojo verde azulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazulazul amarilloamarilloamarilloamarilloamarillo piepie - Original Message - From: sn To: Ovillo, la lista de CSS en castellano Sent: Thursday, June 14, 2007 1:01 PM Subject: Re: [Ovillo] diseño a 3 columnas kon razón no encontraba el modo de hacerlo en puro css. no es que no me fíe de david(gracias por tu respuesta, por cierto), pero si alguien ve/intuye algún camino para resolver esto sin hechar mano de otras tesnologías, que no dude en señalármelo. reenvío mi saludo! ___ 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] diseño a 3 columnas
Prueba a dibujar un fondo con el color de las tres columnas y lo metes de fondo en una caja principal con 100% de altura que contenga a esas 3 columnas. Un saludo. Edu. - Original Message - From: "sn" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Thursday, June 14, 2007 12:26 PM Subject: [Ovillo] diseño a 3 columnas > salud lista; > > llevo tiempo peleando con un diseño a 3 columnas pero por más vueltas que > le > doy no lo consigo, haber si entre todos sacamos algo. > > en principio es simple: > > 3 columnas y un pie. > el pie permanecerá siempre pegado al bottom(0px) de la pantalla, > independientemente de si el contenido de las columnas la desborda o no. > si cualquiera de las columnas desborda, el pie se desplazará hacia abajo > con > ella(clear:both). > cada columna tiene un color e independientemente del contendio de ésta, > siempre tiene que llegar hasta el pie con ese color. > es decir, 3 columnas 3 bandas de color que llegan hasta donde está situado > el pie, al fondo de la pantalla(lo de los distintos colores es solo para > explicarlo). > por motivos varios no me vale la típica imagen de un pixel, como fondo del > contenedor, que se repite horizontalmente para hacer el efecto de los 3 > colores de las columnas. > > parece sencillo, pero por más vueltas que le he dado no he encontrado una > solución satisfactoria. > así que si me hecháis un cable para salir del bucle os estaré tan > agradecido > como siempre o incluso más. > > un saludo!!! > ___ > 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 > > > __ Información de NOD32, revisión 2328 (20070613) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.com > > ___ 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] diseño a 3 columnas
kon razón no encontraba el modo de hacerlo en puro css. no es que no me fíe de david(gracias por tu respuesta, por cierto), pero si alguien ve/intuye algún camino para resolver esto sin hechar mano de otras tesnologías, que no dude en señalármelo. reenvío mi saludo! ___ 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] diseño a 3 columnas
Javascript. Se mira la altura de cada una de las columnas y la resolución de la pantalla y se ajusta todo. De momento es la única manera de hacerlo. sn escribió: > salud lista; > > llevo tiempo peleando con un diseño a 3 columnas pero por más vueltas que le > doy no lo consigo, haber si entre todos sacamos algo. > > en principio es simple: > > 3 columnas y un pie. > el pie permanecerá siempre pegado al bottom(0px) de la pantalla, > independientemente de si el contenido de las columnas la desborda o no. > si cualquiera de las columnas desborda, el pie se desplazará hacia abajo con > ella(clear:both). > cada columna tiene un color e independientemente del contendio de ésta, > siempre tiene que llegar hasta el pie con ese color. > es decir, 3 columnas 3 bandas de color que llegan hasta donde está situado > el pie, al fondo de la pantalla(lo de los distintos colores es solo para > explicarlo). > por motivos varios no me vale la típica imagen de un pixel, como fondo del > contenedor, que se repite horizontalmente para hacer el efecto de los 3 > colores de las columnas. > > parece sencillo, pero por más vueltas que le he dado no he encontrado una > solución satisfactoria. > así que si me hecháis un cable para salir del bucle os estaré tan agradecido > como siempre o incluso más. > > un saludo!!! > ___ > 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] diseño a 3 columnas
salud lista; llevo tiempo peleando con un diseño a 3 columnas pero por más vueltas que le doy no lo consigo, haber si entre todos sacamos algo. en principio es simple: 3 columnas y un pie. el pie permanecerá siempre pegado al bottom(0px) de la pantalla, independientemente de si el contenido de las columnas la desborda o no. si cualquiera de las columnas desborda, el pie se desplazará hacia abajo con ella(clear:both). cada columna tiene un color e independientemente del contendio de ésta, siempre tiene que llegar hasta el pie con ese color. es decir, 3 columnas 3 bandas de color que llegan hasta donde está situado el pie, al fondo de la pantalla(lo de los distintos colores es solo para explicarlo). por motivos varios no me vale la típica imagen de un pixel, como fondo del contenedor, que se repite horizontalmente para hacer el efecto de los 3 colores de las columnas. parece sencillo, pero por más vueltas que le he dado no he encontrado una solución satisfactoria. así que si me hecháis un cable para salir del bucle os estaré tan agradecido como siempre o incluso más. un saludo!!! ___ 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