No se entiende qué es lo que pretendes conseguir. Yo creo que lo único que hace que dato5 se coloque más abajo es su padding. Ni dato3 ni dato4 le afectan
>> -----Mensaje original----- >> De: [email protected] >> [mailto:[email protected]] En nombre de Rafa Artacho >> Enviado el: jueves, 22 de abril de 2010 13:21 >> Para: Ovillo, la lista de CSS en castellano >> Asunto: [Ovillo] Alto de caja en texto con em's >> >> 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;padd >> ing-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:r >> elative;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 >> _______________________________________________ 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
