Pues no se... dato4-1 en firefox se amontona con dato4 y en IE6 desaparece...
>> -----Mensaje original----- >> De: [email protected] >> [mailto:[email protected]] En nombre de Rafa Artacho >> Enviado el: viernes, 23 de abril de 2010 10:24 >> Para: Ovillo, la lista de CSS en castellano >> Asunto: Re: [Ovillo] Alto de caja en texto con em's >> >> Gracias, por tus comentarios José Antonio: >> >> Tenías razón, deben ser otros estilos los que afectaban al >> alto de la caja dato3, al final resolví el asunto de esta forma: >> >> .dato3{font-size:1.2em;color:#fff;float:left;width:110px;padd >> ing:15px 0 0 15px;text-transform:uppercase;text-align:center;} >> .dato4{font-size:4em;font-weight:700;float:left;padding-left: >> 10px;line-height:1.1em;} >> .dato3 >> .dato4-1{font-size:1.5em;font-weight:700;position:relative;to >> p:29px;left:-24px;} >> .dato5{float:left;width:110px;padding:10px >> 0;text-align:right;font-size:1.1em;} >> >> >> y funciona en todos los navegarores >> >> 1 saludo >> >> >> 2010/4/22 Alvarez Laurnaga, Jose Antonio <[email protected]> >> >> > Sigue sin encajar Rafa. ¿No tendrás otros estilos, que no >> has incluido >> > para simplificar el problema y que están causando lo que comentas? >> > Esto http://joseba.xtreemhost.com/Nuevo2.html es tu código >> tal cual lo >> > has posteado (sólo he añadido borde a los cuatro elementos para >> > visualizarlos >> > mejor) y no veo que dato3 coja un alto mayor en IE6. Aquí >> > http://joseba.xtreemhost.com/comparativa.jpg puedes ver mi >> comparativa >> > FF >> > - IE6 (de IECollection) - IE (de IETester) >> > >> > ¿No puedes dar más datos de lo que quieres?, un >> pantallazo, algo. De >> > cualquier modo los estilos que usas con posicionamiento, >> flotado etc. >> > no parecen lo más adecuado aunque sigo sin saber lo que >> quieres haceer... >> > >> > >> -----Mensaje original----- >> > >> De: [email protected] >> > >> [mailto:[email protected]] En nombre de >> Rafa Artacho >> > >> Enviado el: jueves, 22 de abril de 2010 16:31 >> > >> Para: Ovillo, la lista de CSS en castellano >> > >> Asunto: Re: [Ovillo] Alto de caja en texto con em's >> > >> >> > >> 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 >> > >> >> > _______________________________________________ >> > 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
