texte placé Absolument se couper dans IE7

http://cure.org/brant/texte placé Absolument se couper dans IE7

Sur le côté droit de la page, j'ai un texte se couper dans IE7. Ce sont les numéros de texte HTML au-dessus des balises vertes. Si vous visualisez avec IE7 (ou IE8 en mode développeur pour IE7), vous les verrez se couper juste en dessous de l'endroit où ils devraient commencer. J'ai l'impression que cela peut avoir quelque chose à voir avec le rembourrage sur l'élément d'ancrage et un bug IE7 dont je ne suis peut-être pas au courant.

Des conseils?

Source

2010-08-12 Joel Glovier

Vous avez raison en ce que la hauteur est 30px la taille de la police est 32px et le padding-top est 25px

SO le rembourrage déplace le texte vers le bas 25px dans cette hauteur de 30px coupant le tout, mais le top 5px de votre police 32px.

Vous devrez ajuster la hauteur à 25px + 32px = 57px à la place.

EDIT: le vrai tueur ici est la hauteur de ligne: 14px si - donc vous ne voyez que 14px de la police. LI.lp-ask-butn-sm A: lien

SO line-height: 64px et hauteur: 60px et padding-top: 5px et il apparaît

Source

2010-08-12 21:54:05

Non - n'a pas fonctionné. –

NOTE: Votre padding-top: 25px n'est pas vraiment nécessaire en raison de la verticale-aline: ligne de base; –

Ouais, c'était ça. Je l'ai compris aussi. J'ai supprimé la hauteur de la ligne 14px de l'instruction d'ancrage contenant, puis ajouté une hauteur de ligne appropriée à l'élément fort, ajusté pour la position supérieure et tout allait bien. Merci pour votre aide mate! –

texte placé Absolument se couper dans IE7

Répondre

Questions connexes