El correcto es: *{margin:0, padding:0;}
En tu código parece que dice : * { * margin : 0; * padding : 0; } Saludos Christian Roque -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Jose Manuel Segovia Guisado Enviado el: jueves, 23 de noviembre de 2006 01:35 Para: Ovillo la lista de CSS en castellano Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana Pues la verdad que no se que hago mal, he copiado justo lo que tu has puesto he validado y esto me dice: Errores URI : file://localhost/stylesheet.css Lnea: 4 Contexto : ??? Error de anlisis sintctico - ???* { * margin : 0; * padding : 0; } Puede que me de el eroor por hacerlo en local? -------Original Message------- From: webmaster Date: 23/11/2006 19:27:03 To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana Hola, Mira yo aqu estoy validando mi prueba: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww revistamundo.com%2Fdesign%2Ffooter%2Festilos.css&usermedium=all y esoty usando la extencin y valido sin problemas (1 warning XD ) Saludos! -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] org] On Behalf Of Jose Manuel Segovia Guisado Sent: Jueves, 23 de Noviembre de 2006 11:56 a.m. To: Ovillo la lista de CSS en castellano Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana Hola grupo, Curiosamente estoy validando el cdigo CSS en la W3C de una hoja que tiene puesto esto que deca *{margin:0; padding:0;} y no para de decirme que hay un error de sintaxis. Sabis si se puede solucionar? Saludos, Jose -------Original Message------- From: webmaster Date: 11/23/06 17:09:46 To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana Fijate que exactamente eso probe ayer por la tarde y tienes razn, lo logre hacer funcionar :) De tomas manera muchisimas gracias :) -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] org] On Behalf Of Christian Roque Geldres Sent: Mircoles, 22 de Noviembre de 2006 02:17 p.m. To: 'Ovillo, la lista de CSS en castellano' Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana Hola Vlad, he probado tu cdigo y en Firefox el footer se va al fondo pero un poco mas de donde debiera [1] ya que debera ser exactamente el alto de la pantalla porque el contenido es corto, esto se debe a que los navegadores tienen medidas predeterminadas para los elementos, esto se "resetea" poniendo esto al inicio de tu CSS: *{margin:0; padding:0;} Prubalo y veras que se ve bien en FF[2] e IE, no he podido probarlo en otro navegador. Saludos [1] http://img68.imageshack.us/img68/4929/footer1qb1.jpg [2] http://img292.imageshack.us/img292/4030/footer2ad9.jpg Christian Roque Geldres -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de webmaster Enviado el: mircoles, 22 de noviembre de 2006 02:24 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana Hola Christiaan, Mira yo estoy probando con la solucin que me diste: HTML <!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" /> <title>Footer</title> <link href="estilos.css" rel="stylesheet" type="text/css" /> </head> <body> <!-- Inicio - Contenedor del sitio Web --> <div id="contenedor"> <!-- Inicio - Contenido del sitio Web --> <div id="contenido"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus diam mauris, blandit a, vestibulum non, condimentum in, dolor. Quisque non libero. Nulla pellentesque lobortis odio. Donec sapien pede, tristique eget, auctor sed, vestibulum sed, felis. Ut nisi tellus, scelerisque ac, lobortis sit amet, eleifend fermentum, odio. Ut ornare nunc sit amet massa. Nunc vitae dolor. Aliquam a nunc sed erat convallis tempus. Ut non dui sed nisi vehicula condimentum. Donec venenatis convallis tortor.</p> </div> <!-- Fin - Contenido del sitio Web --> </div> <!-- Inicio - Contenedor del sitio Web --> <div id="pie"> <p>Todos los derechos reservados</p> </div> <!-- Fin - Contenedor del sitio Web --> </body> </html> CSS html{height: 100%;} body{ height: 100%; margin: 0px; padding: 0px; background-color:#fc0; } * html #contenedor {height: 100%;} #contenedor { position:relative; height:100%; margin: auto; } * html #pie {margin-top: -40px;} #pie { position:relative; height: 40px; margin-top:-40px; margin-left:auto; margin-right:auto; margin-bottom:0px; background-color:#600; } En IE me funciona bien en FF no, tienes idea de que pueda ser? Saludos, Vlad. -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Christian Roque Geldres Sent: Mircoles, 22 de Noviembre de 2006 12:21 p.m. To: 'Ovillo, la lista de CSS en castellano' Subject: Re: [Ovillo] Pegar DIV al bottom de la ventana El problema de ese mtodo de usar "position:absolute; bottom:0;" es que la primera vez que cargas una pagina larga (ejem un blog) que tenga varias imgenes, el pie de pagina puede aparecer no necesariamente al final de la pagina, por eso yo recomiendo el footerStickAlt: http://themaninblue.com/experiment/footerStickAlt/ Ah puedes ver ejemplos del mtodo que mencionas y uno alternativo que en lugar de englobar el footer en un contenedor lo que hace es poner el footer fuera del contenedor, a este contenedor se le da una altura de 100% y el footer se posiciona al final con un margen superior negativo, la explicacin en si esta ac: http://themaninblue.com/writing/perspective/2005/08/29/ Saludos Christian Roque G. -----Mensaje original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de sn Enviado el: mircoles, 22 de noviembre de 2006 12:02 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Pegar DIV al bottom de la ventana yo resolv el mismo dilema hace unos cuantos meses en la lista, he pegado el post en mensajes anteriores pero la gente sorprendentemente deca que no le funcionaba. as que para aclarar de una vez por todas el entuerto, ya que parece ser un problema bastante comn os pego un enlace al pedazo de blog WebIntenta, donde el colega se ha pegado unas plantillas de diseos tpicos, el que nos ocupa entre ellos. http://www.webintenta.com/wp-content/uploads/2006/11/Lay2columnasAnchoFijoPi e.html pues ahi esta, espero solucione. un saludo. _______________________________________________ Lista de distribucin Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direccin: http://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribucin Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direccin: http://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribucin Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direccin: http://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribucin Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direccin: http://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribucin Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direccin: http://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribucin Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direccin: http://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribucin Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direccin: 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