O_O
Pues si parece que funciona... Tu que parece que sabes de esto, talves me
puedes explicar algo?
Los comentarios condicionales de IE, que hacen en esa página? Pareciera como si
fuera algun lenguaje de programación, obteniendo la posición, pero... No miro
ningún dialogo que diga script.
Por otro lado, el hacer html { display:table;) no tiene efectos secundarios muy
fuertes con todo lo demás?
Gracias!
-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of kemie guaida
Sent: Martes, 20 de Febrero de 2007 10:08 a.m.
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
Just ayer me encontre esto:
http://www.aplus.co.yu/css/relaxed-dead-centre-layout/
no lo he probado, pero por lo que veo, funciona :)
saludos!
kemie
webmaster wrote:
> De cualquier manera si alguien aca se le ocurre como solucionar el problema
> de cómo centrar verticalmente, con un alto no definido para el div a centrar,
> se le agradeceria mucho.
>
> Gracias.
>
> -----Original Message-----
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] On Behalf Of NetVicious
> Sent: Lunes, 19 de Febrero de 2007 06:03 a.m.
> To: Ovillo, la lista de CSS en castellano
> Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
>
> En el IE6 no sale centrado.
>
> Yo al final he optado por centrar la capa con JavaScript y asunto solucionado.
>
> Putatidas:
> - Si pones la capa visible al principio hay un pequeño momento en el
> que se vé la capa a la izquierda
> - Si pones la capa oculta antes del centrado y el usuario va sin javascript
> no se ve nada.
>
> El miércoles, 14 feb 2007 a las 22:45, escribiste:
>
>
>> <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
