Hola, gracias. Gracias al codigo que pego " sn" he solucionado el problema y las barras de desplazamiento ya no aparecen cuando hay poco contenido. La clave esta en envolver el contenido central en otro contenedor, lo que en su codigo eran "cuerpo" y "contenido". Saludos
Mila ----- Original Message ----- From: "webmaster" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org> Sent: Tuesday, March 13, 2007 6:37 PM Subject: Re: [Ovillo] Problemas con tecnica footerStickAlt Gracias yo no he notado la banda blanca, no se por que, tendria que revisar, sin embargo adjunto en el foro tu respuesta. -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of sn Sent: Martes, 13 de Marzo de 2007 10:13 a.m. To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Problemas con tecnica footerStickAlt salud. está cerca, pero no es la solución universal. si el contenido del texto no llena la pantalla, el footer no está pegado al culo de la pantalla, sino que hay una banda blanca que separa a ambos, de diferente altura según explorador. yo llegué en su día a una solución. os la pego, esperando os sirva de ayuda. " <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html lang="es"> <head> <style> /*inicio tags genéricos*/ *{ padding:0; margin:0; } html { height:100%; } body { height:100%; font-family:verdana, arial, sans-serif; text-align:center; } p{ padding:10px; } /*fin tags genéricos*/ /*inicio tags específicos*/ #contenedor { min-height:100%; width:100%; background:#A9A9A9; text-align:left; margin:0 auto; } * html #contenedor { height:100%; } #cabecera{ position:relative; right:0px; top:0px; width:100%; height:10em; background:#000; color:#fff; text-align:center; } #cuerpo { padding:1em 1em 40px 1em; position:relative; background:#A9A9A9; text-align:center; } #contenido { background:#fff; text-align:justify; padding:10px; margin-bottom:20px; } #pie{ height:3em; background:#000; color:#fff; position:relative; margin:0 auto; margin-top:-3em; width:100%; } /*fin tags específicos*/ </style> <title>index</title> </head> <body> <div id="contenedor"> <div id="cabecera"> <h1>CABECERA</h1> </div><!--fin cabecera--> <div id="cuerpo"> <h1>CUERPO</h1> <div id="contenido"> <p>Lorem ipsum eum partem corrumpit et, qui puto habemus ea, id pro dolor nostro. Tantas electram theophrastus nec cu. Sea libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque his ad. An modo kasd everti sed, in his alii singulis dignissim. Ad cotidieque complectitur mei, ne iusto iisque mel, quidam feugiat ut est.</p> <p>Lorem ipsum eum partem corrumpit et, qui puto habemus ea, id pro dolor nostro. Tantas electram theophrastus nec cu. Sea libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque his ad. An modo kasd everti sed, in his alii singulis dignissim. Ad cotidieque complectitur mei, ne iusto iisque mel, quidam feugiat ut est.</p> <p>Lorem ipsum eum partem corrumpit et, qui puto habemus ea, id pro dolor nostro. Tantas electram theophrastus nec cu. Sea libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque his ad. An modo kasd everti sed, in his alii singulis dignissim. Ad cotidieque complectitur mei, ne iusto iisque mel, quidam feugiat ut est.</p> <p>Lorem ipsum eum partem corrumpit et, qui puto habemus ea, id pro dolor nostro. Tantas electram theophrastus nec cu. Sea libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque his ad. An modo kasd everti sed, in his alii singulis dignissim. Ad cotidieque complectitur mei, ne iusto iisque mel, quidam feugiat ut est.</p> <p>Lorem ipsum eum partem corrumpit et, qui puto habemus ea, id pro dolor nostro. Tantas electram theophrastus nec cu. Sea libris prodesset ea, aeque facilisis id est, vituperatoribus concludaturque his ad. An modo kasd everti sed, in his alii singulis dignissim. Ad cotidieque complectitur mei, ne iusto iisque mel, quidam feugiat ut est.</p> </div><!--fin contenido--> </div><!--fin cuerpo--> </div><!--fin container--> <div id="pie"> <h1>PIE</h1> </div><!--fin pie--> </body> </html> " 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 _______________________________________________ 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
