[Ovillo] div principal pegado al pie de pagina
Hola!
Busco alguna solución para situar el div principal (del contenido)
siempre pegado al borde inferior de la pantalla (independientemente de
su resolución).
He probado con absolute, pero el IE arma lo que le da la gana, en FF
todo bien...
body {
background-color: White;
font: 0.9em Trebuchet MS, Geneva, sans-serif;
color: #797983;
margin: 0;
padding: 0;
background-image: url(../img/web/cielo.jpg);
background-repeat: repeat-x;
background-position: top;
}
#main {
background-color: Aqua;
position: relative;
width: 100%;
min-height:639px;
height:369px;
bottom: 0px;
}
mi idea es que el fondo de la web tenga en su parte superior (top)
400 pixeles veritcales de un cielo (1*400). A continuación incluir una
caja div (#main) que alberge el contenido, pero esta debe estar siempre
pegada al borde inferior de la pantalla. Cuanta menos resolucion tenga
la pantalla esta caja mas bajará y por tanto dejara ver mas cielo del
body. No se si os haceis a la idea jejejeje, pero creo que esta es la
forma mas correcta de hacerlo... sin intentar crear otro div para el
cielo, y romper mucho la semantica...
Pero no hay forma de que el #main se pegue al borde inferior, el
position relative trabaja bien con top y left, pero con bottom ni caso :S
Alguna idea, consejo, alternativa?
Gracias. :)
--
Saludos: Quasi ;)
www.aurea.es
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
En principio lo suyo, si tiene que estar ubicado siempre en un lugar de la
pantalla, sería usar el atributo position:fixed, junto con un bottom:0,
peeero IE no lo reconoce, como en otras ocasiones.
En IE se puede simular el comportamiento de position:fixed con un
expression incrustado en el CSS.[1]
[1] http://www.howtocreate.co.uk/fixedPosition.html
Un saludo,
Albert Garcia
OboLog » Tus pensamientos en red
www.obolog.com
__
Mi blog personal en http://obokaman.obolog.com
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Quasi
Enviado el: viernes, 09 de junio de 2006 13:17
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] div principal pegado al pie de pagina
Hola!
Busco alguna solución para situar el div principal (del
contenido) siempre pegado al borde inferior de la pantalla
(independientemente de su resolución).
He probado con absolute, pero el IE arma lo que le da la
gana, en FF todo bien...
body {
background-color: White;
font: 0.9em Trebuchet MS, Geneva, sans-serif;
color: #797983;
margin: 0;
padding: 0;
background-image: url(../img/web/cielo.jpg);
background-repeat: repeat-x;
background-position: top;
}
#main {
background-color: Aqua;
position: relative;
width: 100%;
min-height:639px;
height:369px;
bottom: 0px;
}
mi idea es que el fondo de la web tenga en su parte
superior (top) 400 pixeles veritcales de un cielo (1*400). A
continuación incluir una caja div (#main) que alberge el
contenido, pero esta debe estar siempre pegada al borde
inferior de la pantalla. Cuanta menos resolucion tenga la
pantalla esta caja mas bajará y por tanto dejara ver mas
cielo del body. No se si os haceis a la idea jejejeje, pero
creo que esta es la forma mas correcta de hacerlo... sin
intentar crear otro div para el cielo, y romper mucho la semantica...
Pero no hay forma de que el #main se pegue al borde inferior,
el position relative trabaja bien con top y left, pero con
bottom ni caso :S
Alguna idea, consejo, alternativa?
Gracias. :)
--
Saludos: Quasi ;)
www.aurea.es
___
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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
Hola Quasi escribió: mi idea es que el fondo de la web tenga en su parte superior (top) 400 pixeles veritcales de un cielo (1*400). A continuación incluir una caja div (#main) que alberge el contenido, pero esta debe estar siempre pegada al borde inferior de la pantalla. Cuanta menos resolucion tenga la pantalla esta caja mas bajará y por tanto dejara ver mas cielo del body. No se si os haceis a la idea jejejeje, pero creo que esta es la forma mas correcta de hacerlo... sin intentar crear otro div para el cielo, y romper mucho la semantica... Pero no hay forma de que el #main se pegue al borde inferior, el position relative trabaja bien con top y left, pero con bottom ni caso :S m no sé si te entiendo. Quieres que siempre exista un espacio de 400px encima del div#main, que a su vez quieres que esté siempre pegado a la parte inferior de la pantalla. El problema entonces es que son dos cosas que entran en conflicto. Pongamos que la resolución a la que trabaja el usuario nos deja 600px de alto, si tenemos un espacio de 400px, la caja sólo podría tener 200px de alto. Si tiene más y está pegada al borde inferior, el espacio que quedará encima de ella se deberá reducir. Y si tiene menos y está pegada al borde inferior, el espacio superior no será de 400px , sino mayor. Lo dicho, creo que no he entendido bien lo que quieres hacer. -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
Quasi escribió: si que quiero que el main este pegado siempre abajo, el tamaño del main es uno en concreto como minimo, pero los 400pix claramente se verán en funcion del fixed del main y la resolucion de la pantalla, cuanta mas resolucion mas cielo (mas pix), y cuanta menos, menos cielo habrá, lo contrario a lo que pensabas. Siento el enrevesamiento jejeje. Es mas lioso de lo que realmente es. entonces, tal como lo explicas... no sería suficiente el position:absolute; bottom:0 para el div#main?? -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
Eso creia yo, pero en IE jejejeje es una risa. No funciona, y estoy mirando alternativas pero... un engorro y volvemos a lo de siempre, para estandarizar tienes que meter mil hacks y royos que en realdiad lo alejan de lo realmente bueno. Ramon Pravia escribió: Quasi escribió: si que quiero que el main este pegado siempre abajo, el tamaño del main es uno en concreto como minimo, pero los 400pix claramente se verán en funcion del fixed del main y la resolucion de la pantalla, cuanta mas resolucion mas cielo (mas pix), y cuanta menos, menos cielo habrá, lo contrario a lo que pensabas. Siento el enrevesamiento jejeje. Es mas lioso de lo que realmente es. entonces, tal como lo explicas... no sería suficiente el position:absolute; bottom:0 para el div#main?? -- Saludos: Quasi ;) www.aurea.es ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
Quasi escribió: Eso creia yo, pero en IE jejejeje es una risa. No funciona, y estoy mirando alternativas pero... un engorro y volvemos a lo de siempre, para estandarizar tienes que meter mil hacks y royos que en realdiad lo alejan de lo realmente bueno. m... puede que me equivoque, pero explorer no te debería dar demasiados quebraderos de cabeza con position:absolute. Qué es lo que hace exactamente? Si pudieras poner una url o similar estaría bien. saludos -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
Ahi va http://fitastur.com/ovillo/pag/inicio.php Gracias por la colaboración. Ramon Pravia escribió: Quasi escribió: Eso creia yo, pero en IE jejejeje es una risa. No funciona, y estoy mirando alternativas pero... un engorro y volvemos a lo de siempre, para estandarizar tienes que meter mil hacks y royos que en realdiad lo alejan de lo realmente bueno. m... puede que me equivoque, pero explorer no te debería dar demasiados quebraderos de cabeza con position:absolute. Qué es lo que hace exactamente? Si pudieras poner una url o similar estaría bien. saludos -- Saludos: Quasi ;) www.aurea.es ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
Quasi escribió: Ahi va http://fitastur.com/ovillo/pag/inicio.php Gracias por la colaboración. prueba a darle un left:0 a #main -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
Muy buena Ramón, no me percate que forzando del izquierdo... aunque aun así deja un hueco arriba :S Cuando nos libraremos del IE :( Ramon Pravia escribió: Quasi escribió: Ahi va http://fitastur.com/ovillo/pag/inicio.php Gracias por la colaboración. prueba a darle un left:0 a #main -- Saludos: Quasi ;) www.aurea.es ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
para mi no queda claro aun que deseas. Yo entre a la pagina y veo dos div de diferentes colores. En el de abajo la palabra main. Que es lo que deseas que ese main se escriba abajo? No entiendo bien el problema - Original Message - From: Quasi [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, June 09, 2006 8:58 AM Subject: Re: [Ovillo] div principal pegado al pie de pagina Muy buena Ramón, no me percate que forzando del izquierdo... aunque aun así deja un hueco arriba :S Cuando nos libraremos del IE :( Ramon Pravia escribió: Quasi escribió: Ahi va http://fitastur.com/ovillo/pag/inicio.php Gracias por la colaboración. prueba a darle un left:0 a #main -- Saludos: Quasi ;) www.aurea.es ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
Hola Marlene. Al entrar ves que hay, un cielo. el cuadro main, es el que alberga el contenido del web, lo puse de ese color de momento para distinguirlo bien. Este cuadro main, debe pegarse al borde inferior de la pantalla, siempre pegado. En base a la resolucion de la pantalla, se pegara mas hacia abajo o menos, y esto posibilitará que se vea mas o menos cielo. Simplemente es eso, el problema es que la caja main no se como pegarla al borde inferior de la pantalla de una forma elegante (en cuanto a css). Marlene escribió: para mi no queda claro aun que deseas. Yo entre a la pagina y veo dos div de diferentes colores. En el de abajo la palabra main. Que es lo que deseas que ese main se escriba abajo? No entiendo bien el problema - Original Message - From: Quasi [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, June 09, 2006 8:58 AM Subject: Re: [Ovillo] div principal pegado al pie de pagina Muy buena Ramón, no me percate que forzando del izquierdo... aunque aun así deja un hueco arriba :S Cuando nos libraremos del IE :( Ramon Pravia escribió: Quasi escribió: Ahi va http://fitastur.com/ovillo/pag/inicio.php Gracias por la colaboración. prueba a darle un left:0 a #main -- Saludos: Quasi ;) www.aurea.es ___ 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://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://ovillo.org/mailman/listinfo/ovillo -- Saludos: Quasi ;) www.aurea.es ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina ( SOLUCIÓN)
Creo que he dado con una solución lo menos perjudicial :D
Os pego el css, por si algún dia os pasa lo mismo...
Al parecer hace lo que quiero en: FF, IE6 y IE5.
body {
background-color: White;
font: 0.9em Trebuchet MS, Geneva, sans-serif;
color: #797983;
margin: 0;
padding: 0;
background-image: url(../img/web/cielo.jpg);
background-repeat: repeat-x;
background-position: top;
}
#main {
background-color: Aqua;
width: 100%;
min-height:639px;
position: absolute;
bottom: 0;
left: 0;
}* html #main { height: 639px; } /*hack min-height para IE '''*/
Marlene escribió:
para mi no queda claro aun que deseas. Yo entre a la pagina y veo dos div de
diferentes colores. En el de abajo la palabra main. Que es lo que deseas que
ese main se escriba abajo? No entiendo bien el problema
- Original Message -
From: Quasi [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, June 09, 2006 8:58 AM
Subject: Re: [Ovillo] div principal pegado al pie de pagina
Muy buena Ramón, no me percate que forzando del izquierdo... aunque aun
así deja un hueco arriba :S
Cuando nos libraremos del IE :(
Ramon Pravia escribió:
Quasi escribió:
Ahi va http://fitastur.com/ovillo/pag/inicio.php
Gracias por la colaboración.
prueba a darle un left:0 a #main
--
Saludos: Quasi ;)
www.aurea.es
___
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://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://ovillo.org/mailman/listinfo/ovillo
--
Saludos: Quasi ;)
www.aurea.es
___
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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
No acabo de entender muy bien lo que quieres hacer. Sería algo como esto? http://www.obodesigns.net/test/ Hay un cielo arriba, y el cuadro de contenido está pegado abajo. A menor resolución, menos cielo se vé, pero el contenido sigue pegado abajo, y funciona en FF e IE. El problema lo tendrás cuando ese cuadro aumente mucho en contenido, ya que la altura la ganarás hacia arriba, y el cuadro irá tapando el cielo a medida que crezca. Podrías evitarlo con un scroll:overflow, constriñendo de esa forma el contenido al alto definido desde el principio. Un saludo, Albert Garcia http://www.obolog.com Tus pensamientos en red __ Mi blog personal en http://obokaman.obolog.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Quasi Enviado el: viernes, 09 de junio de 2006 15:53 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] div principal pegado al pie de pagina Hola Marlene. Al entrar ves que hay, un cielo. el cuadro main, es el que alberga el contenido del web, lo puse de ese color de momento para distinguirlo bien. Este cuadro main, debe pegarse al borde inferior de la pantalla, siempre pegado. En base a la resolucion de la pantalla, se pegara mas hacia abajo o menos, y esto posibilitará que se vea mas o menos cielo. Simplemente es eso, el problema es que la caja main no se como pegarla al borde inferior de la pantalla de una forma elegante (en cuanto a css). Marlene escribió: para mi no queda claro aun que deseas. Yo entre a la pagina y veo dos div de diferentes colores. En el de abajo la palabra main. Que es lo que deseas que ese main se escriba abajo? No entiendo bien el problema - Original Message - From: Quasi [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, June 09, 2006 8:58 AM Subject: Re: [Ovillo] div principal pegado al pie de pagina Muy buena Ramón, no me percate que forzando del izquierdo... aunque aun así deja un hueco arriba :S Cuando nos libraremos del IE :( Ramon Pravia escribió: Quasi escribió: Ahi va http://fitastur.com/ovillo/pag/inicio.php Gracias por la colaboración. prueba a darle un left:0 a #main -- Saludos: Quasi ;) www.aurea.es ___ 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://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://ovillo.org/mailman/listinfo/ovillo -- Saludos: Quasi ;) www.aurea.es ___ 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://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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
Es justamente eso lo que deseo albert, de todas formas en mi anterior mensaje ya ponia una forma de llevarlo a cabo. Aunque tu css parece bueno, lo mirare con calma. Lo del scroll overflow era el siguiente paso, te me has adelantado :) Gracias por las aportaciones. Albert Garcia escribió: No acabo de entender muy bien lo que quieres hacer. Sería algo como esto? http://www.obodesigns.net/test/ Hay un cielo arriba, y el cuadro de contenido está pegado abajo. A menor resolución, menos cielo se vé, pero el contenido sigue pegado abajo, y funciona en FF e IE. El problema lo tendrás cuando ese cuadro aumente mucho en contenido, ya que la altura la ganarás hacia arriba, y el cuadro irá tapando el cielo a medida que crezca. Podrías evitarlo con un scroll:overflow, constriñendo de esa forma el contenido al alto definido desde el principio. Un saludo, Albert Garcia http://www.obolog.com Tus pensamientos en red __ Mi blog personal en http://obokaman.obolog.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Quasi Enviado el: viernes, 09 de junio de 2006 15:53 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] div principal pegado al pie de pagina Hola Marlene. Al entrar ves que hay, un cielo. el cuadro main, es el que alberga el contenido del web, lo puse de ese color de momento para distinguirlo bien. Este cuadro main, debe pegarse al borde inferior de la pantalla, siempre pegado. En base a la resolucion de la pantalla, se pegara mas hacia abajo o menos, y esto posibilitará que se vea mas o menos cielo. Simplemente es eso, el problema es que la caja main no se como pegarla al borde inferior de la pantalla de una forma elegante (en cuanto a css). Marlene escribió: para mi no queda claro aun que deseas. Yo entre a la pagina y veo dos div de diferentes colores. En el de abajo la palabra main. Que es lo que deseas que ese main se escriba abajo? No entiendo bien el problema - Original Message - From: Quasi [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, June 09, 2006 8:58 AM Subject: Re: [Ovillo] div principal pegado al pie de pagina Muy buena Ramón, no me percate que forzando del izquierdo... aunque aun así deja un hueco arriba :S Cuando nos libraremos del IE :( Ramon Pravia escribió: Quasi escribió: Ahi va http://fitastur.com/ovillo/pag/inicio.php Gracias por la colaboración. prueba a darle un left:0 a #main -- Saludos: Quasi ;) www.aurea.es ___ 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://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://ovillo.org/mailman/listinfo/ovillo -- Saludos: Quasi ;) www.aurea.es ___ 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://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://ovillo.org/mailman/listinfo/ovillo -- Saludos: Quasi ;) www.aurea.es ___ 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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] div principal pegado al pie de pagina
En efecto, Quasi, son muy similares. La única diferencia es que en tu modelo la capa #main se superpone al cielo tapándolo finalmente, y en el otro lo empuja hasta sacarlo de la pantalla. Depende del efecto que quieras conseguir. Un saludo, Albert Garcia OboLog » Tus pensamientos en red http://www.obolog.com _ Mi blog en http://obokaman.obolog.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Quasi Enviado el: viernes, 09 de junio de 2006 18:00 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] div principal pegado al pie de pagina Es justamente eso lo que deseo albert, de todas formas en mi anterior mensaje ya ponia una forma de llevarlo a cabo. Aunque tu css parece bueno, lo mirare con calma. Lo del scroll overflow era el siguiente paso, te me has adelantado :) Gracias por las aportaciones. Albert Garcia escribió: No acabo de entender muy bien lo que quieres hacer. Sería algo como esto? http://www.obodesigns.net/test/ Hay un cielo arriba, y el cuadro de contenido está pegado abajo. A menor resolución, menos cielo se vé, pero el contenido sigue pegado abajo, y funciona en FF e IE. El problema lo tendrás cuando ese cuadro aumente mucho en contenido, ya que la altura la ganarás hacia arriba, y el cuadro irá tapando el cielo a medida que crezca. Podrías evitarlo con un scroll:overflow, constriñendo de esa forma el contenido al alto definido desde el principio. Un saludo, Albert Garcia http://www.obolog.com Tus pensamientos en red __ Mi blog personal en http://obokaman.obolog.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Quasi Enviado el: viernes, 09 de junio de 2006 15:53 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] div principal pegado al pie de pagina Hola Marlene. Al entrar ves que hay, un cielo. el cuadro main, es el que alberga el contenido del web, lo puse de ese color de momento para distinguirlo bien. Este cuadro main, debe pegarse al borde inferior de la pantalla, siempre pegado. En base a la resolucion de la pantalla, se pegara mas hacia abajo o menos, y esto posibilitará que se vea mas o menos cielo. Simplemente es eso, el problema es que la caja main no se como pegarla al borde inferior de la pantalla de una forma elegante (en cuanto a css). Marlene escribió: para mi no queda claro aun que deseas. Yo entre a la pagina y veo dos div de diferentes colores. En el de abajo la palabra main. Que es lo que deseas que ese main se escriba abajo? No entiendo bien el problema - Original Message - From: Quasi [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, June 09, 2006 8:58 AM Subject: Re: [Ovillo] div principal pegado al pie de pagina Muy buena Ramón, no me percate que forzando del izquierdo... aunque aun así deja un hueco arriba :S Cuando nos libraremos del IE :( Ramon Pravia escribió: Quasi escribió: Ahi va http://fitastur.com/ovillo/pag/inicio.php Gracias por la colaboración. prueba a darle un left:0 a #main -- Saludos: Quasi ;) www.aurea.es ___ 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://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://ovillo.org/mailman/listinfo/ovillo -- Saludos: Quasi ;) www.aurea.es ___ 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://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://ovillo.org/mailman/listinfo/ovillo -- Saludos: Quasi ;) www.aurea.es ___ 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://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://ovillo.org/mailman/listinfo/ovillo
