En IE7 no lo he probado, dado que todavía no pienso instalarlo. Prefiero esperar un poco mas hasta que se arreglen mas las deficiencias, al igual que con WinVista. Tengo otros centrados guardados que quizá te sirva. Lo pondré a ver que tal lo ves. -------------------------------------- #boxcenterMLCS { position:absolute; top:50%; left:50%; width:500px; height:300px; margin-left:-250px; margin-top:-150px; } -------------------------------- #boxcenterMLCL { position:absolute; top:10%; left:16%; width:68%; height:80%; }
Un cordial saludo de SantosVZ -----Mensaje original----- De: webmaster [mailto:[EMAIL PROTECTED] Enviado el: Jueves, 15 de Febrero de 2007 11:52 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical - contenido fluido enla vertical Hola Santos gracias por tu respuesta, creo que el problema con esto es el mismo que plantie en el ejemplo anterior, necesitamos definir un alto para el div, el problema se nota cuando tu div empieza a ser mayor que los 27.5 em (en tu ejemplo) adicionalmente IE7 parece que no lo esta interpretando muy bien,, pero eso no tiene nada de nuevo. Sigo buscando soluciones y alentando a los expertos en la lista a tratar de encontrar una solución a este problema que creo que nos podria beneficiar a todos. Vlad P.d: Soluciones posibles encontradas: 1. JavaScript para determinar el tamaño del div verticualmente y solucionar con margenes negativos. 2. La vieja amiga tabla. -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Santos Corrales Sent: Miércoles, 14 de Febrero de 2007 03:45 p.m. To: 'Ovillo, la lista de CSS en castellano' Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical <style type="text/css"> * { margin:0; padding:0; } html, body { height:100%; } body { background-color:#999; } #distancia { width:1px; height:50%; margin-bottom:-13.75em; /* half of container height */ float:left; } #container { margin:0 auto; position:relative; /* puts container in front of distancia */ height:27.5em; width:45em; clear:left; background-color:#666; border:1px dashed #fff; } </style> </head> <body> <div id="distancia"></div> <div id="container"></div> </body> Un cordial saludo de SantosVZ _______________________________________________ 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