Buenas tardes:
Tengo la siguiente duda:
<div class="dato3">
Ahorra hasta
<div class="dato4">15</div>
<span class="dato4-1">%</span>
</div>
<div class="dato5">Rep. Dominicana, Cuba...</div>
CSS:
.dato3{font-size:1.2em;color:#fff;float:left;width:108px;padding-top:20px;text-transform:uppercase;text-align:center;}
.dato4{font-size:4em;font-weight:700;}
.dato3
.dato4-1{font-size:1.5em;font-weight:700;left:38px;position:relative;top:-50px;}
.dato5{float:left;width:110px;padding-top:10px;text-align:right;}
Cuando miro con Firebug el tamaño de la caja dato4, el alto del div se
ajusta al contenido, en cambio si miro el alto de su caja padre, muestra un
alto superior. se le suman unos píxeles de más, haciendo que la caja dato5
se me muestre más abajo de lo que desearía.
He probado a asignar a dato4 un height, luego un line-height:1em; y
overflow:hidden, y overflow:hidden a dato3 y nada, ¿sabéis a qué se puede
deber estos píxeles de más que se suman al alto de la caja?
Gracias
_______________________________________________
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
