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;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=dato415/div
span class=dato4-1%/span
/div
div class=dato5Rep. 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
Re: [Ovillo] Alto de caja en texto con em's
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=dato415/div
span class=dato4-1%/span /div div
class=dato5Rep.
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
Re: [Ovillo] Alto de caja en texto con em's
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=dato415/div
span class=dato4-1%/span
/div
div class=dato5Rep. 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
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=dato415/div
span class=dato4-1%/span
/div
div class=dato5Rep. 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
Re: [Ovillo] Alto de caja en texto con em's
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=dato415/div
span class=dato4-1%/span
/div
div class=dato5Rep. 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
