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> </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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
