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;padding: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;top: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
