Hola Ignacio, si te das cuenta el problema con esa solución es que la altura tiene que estar predefinida, en este caso no tenemos altura predefinida. :S
También el mismo autor pone: NOTE (October 2006): valid solution described below doesn't work in Internet Explorer 7 (standard mode), because IE7 doesn't understand table- values in display property. Please use non-valid solution above untill somebody would find any valid hack for IE7 (or write in quirk mode). De todas maneras muchas gracias ignacio. Vlad. -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Ignacio Fortea Sent: Miércoles, 14 de Febrero de 2007 09:45 a.m. To: 'Ovillo, la lista de CSS en castellano' Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical Aquí teines un perfecto manual (en inglés): http://www.jakpsatweb.cz/css/css-vertical-center-solution.html Un saludo. ________________________________ Ignacio Fortea Serlog21 - Consultoría de Recursos Humanos Pso. Sagasta, 62 :: Edificio venus, oficina 4 :: 50006 Zaragoza Tlf. 902 10 40 98 - 976 37 25 06 :: Fax. 976 37 25 30 > -----Mensaje original----- > De: [EMAIL PROTECTED] > [mailto:[EMAIL PROTECTED] En nombre de webmaster > Enviado el: miércoles, 14 de febrero de 2007 16:26 > Para: Ovillo, la lista de CSS en castellano > Asunto: [Ovillo] Cosas Basicas: Centrado Vertical > > Hola gente de la lista, > > Estoy tratando de hacer algo que por lo visto es muy sencillo, pero la > solución que utilizaba parece no funcionar muy bien con IE7, quisiera > buscar algo que funcione en todos los navegadores y de preferencia sin > hacks. > > Estoy tratando de que el contenido de una página quede centrado > verticalmente, normalmente haria esto con una tabla principal, le > daria ancho y alto de 100% y alineo el contenido en el centro y ya > esta, pero quisiera hacer algo sin usar tablas. > > Este es mi codigo: > > --- > > <!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>Esto es una prueba de centrado > vertical</title> <style type="text/css"> > <!-- > * {margin:0; padding:0;} > #contenedor {width:750px; margin:auto; overflow:auto;} > --> > </style> > </head> > <body> > <div id="contenedor"> > <div id="banner"> > <h1>Nombre del sitio</h1> > </div> > <div id="navegacion"> > <ul> > <li><a href="#">Item 1</a></li> > <li><a href="#">Item 1</a></li> > <li><a href="#">Item 1</a></li> > <li><a href="#">Item 1</a></li> > <li><a href="#">Item 1</a></li> > </ul> > </div> > <div id="contenido"> > <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. > Integer > sit amet diam nec dui vulputate porttitor. Maecenas libero felis, > auctor ut, accumsan id, ornare in, enim. Aliquam erat volutpat. > Curabitur eros. > Vestibulum dolor eros, faucibus mollis, tempor eget, consequat ut, > libero. Mauris dapibus ante. Maecenas pede. > Integer urna. Donec vehicula hendrerit diam. Duis convallis tempus > nisi. Curabitur lacinia, purus eget dictum laoreet, erat sapien > venenatis enim, sed laoreet sapien massa nec orci. Duis pretium, elit > sit amet bibendum lacinia, leo tellus ornare orci, nec luctus urna > purus quis enim. Nullam fringilla tellus a arcu iaculis varius. > Vestibulum ante ipsum primis in faucibus orci luctus et ultrices > posuere cubilia Curae; Integer risus tortor, consectetuer at, lobortis > a, pharetra a, urna. Sed nonummy venenatis pede. Sed sed tortor. > Sed volutpat blandit sem.</p> > </div> > <div id="pie"> > <p>Aqui va todo lo legal y cosas similares</p> > </div> > </div> > </body> > </html> > > --- > > Gracias de antemano! > _______________________________________________ > 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
