Si, me explico: Solamente me ocurre en IE6, donde la caja dato3 coge un alto mayor y por lo tanto dato5 aparece unos 15px más abajo respecto al resto de navegadores.
2010/4/22 Alvarez Laurnaga, Jose Antonio <[email protected]> > 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 > _______________________________________________ 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
