Ese codigo es un espanto...
Mas facil darle padding al contenedor y punto.

2009/10/27 acido || cuatroxl.com <acid...@gmail.com>

> Lo primero; creo que es un bug a la hora de renderizar la capa contenedora.
>
> Al generar el render;  por defecto la capa contenedora tiene que tener el
> mismo ancho y alto del el de su contenido. En este caso sería el de la
> clase.
>
> Dado que en su contenido solo es una capa con una propiedades de margin
> (Tener en cuenta que los margenes y espacios siempre han sido los dolores
> de
> cabeza en CSS) este contendor no sabrá que es lo que tiene que envolver.
>
> Resumiendo, y en castellano legible: Que los navegadores aún se siguen
> haciendo los tontos a la hora de renderizar capas con propiedades de margin
> (raras, como esta), flotas (que sería de mi sin los hacks) y alguna perlita
> más.
>
> Solución: Ayudar al navegador definiendo propiedades a la capa contenedora
>
> Como por ejemplo:
>
> border:1px solid transparent  /*tener que pintar los bordes ya le ayuda a
> darse cuenta del error*/
> overflow:auto /*decirle lo cómo tiene que reaccionar con las capas que se
> salen de su entorno, también ayuda*/
>
> html  -> que el primer elemento del contenedor no tenga margin:
>
> <div id="contenedor">
>    <div>&nbsp</div>
>  <div class="transparente">
> ......
>
> y más cosillas seguramente.
>
>
>
>
>
>
>
>
> --
>
> ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
> :::::::::::::::: J i m m y  C o l l a z o s :::::::::::::::::::::
>
> ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
> desarrollado web; estándar, accesible, escalable
>
> ----------------------------------------------------------------------------
>                                                               acido69
> _______________________________________________
> 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
>



-- 
↓۝ Ignacio Ricci
www.ignacioricci.com
_______________________________________________
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

Responder a