Disculpa, es que no puse el ejemplo completo, en combinación con el resto de clases si que funciona. Si tengo tiempo intento reproducir lo que me ocurría con un ejemplo más simple
Gracias por tu tiempo, 1 saludo 2010/4/23 Alvarez Laurnaga, Jose Antonio <jalva...@softwareag.es> > Pues no se... dato4-1 en firefox se amontona con dato4 y en IE6 > desaparece... > > >> -----Mensaje original----- > >> De: ovillo-boun...@lists.ovillo.org > >> [mailto:ovillo-boun...@lists.ovillo.org] 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 <jalva...@softwareag.es> > >> > >> > 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: ovillo-boun...@lists.ovillo.org > >> > >> [mailto:ovillo-boun...@lists.ovillo.org] 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 > >> <jalva...@softwareag.es> > >> > >> > >> > >> > 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: ovillo-boun...@lists.ovillo.org > >> > >> > >> [mailto:ovillo-boun...@lists.ovillo.org] 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 > >> > >> Ovillo@lists.ovillo.org > >> > >> > >> 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 > >> > >> Ovillo@lists.ovillo.org > >> > >> > 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 > >> Ovillo@lists.ovillo.org > >> > >> 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 > >> Ovillo@lists.ovillo.org > >> > 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 > >> Ovillo@lists.ovillo.org 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 Ovillo@lists.ovillo.org > 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 Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
