28173 sujets

CSS et mise en forme, CSS3

Bonjour à vous tous =)


.texte

{
font-size: 0.8em;
color: #4d4d4d;
line-height: 1.6em;
text-align: justify;
margin: 20px 0 15px 0;

}
.texte:first-letter
{
line-height: inherit;
font-size: 3em;


Alors, si je net met pas l'element line-height dans le first letter Ie me l'ajoute ce qui donne 1,6 + 1,6 = 3em Smiley biggol en interligne, uniquement sur la première ligne, ce que je trouve étrange, car les autres navigateurs ne le font pas, est ce normal.. ou encore une des nombreuses bizarreries de Ie ?
Merci
Modifié par Mafio (27 Apr 2006 - 12:58)
Modérateur
oui, il se calle sur la taille du premier caractere , même en rtentant de surcharge le css en usant en plus du " :first-line" pour redimensionné l'interligne.

Une solution peut-etre de placer ce premier caractere en "float" et de lui donné une interligne (a l'attention de IE) de 0.5em par exemple pour le "centré" verticalement par rapport a la premiere ligne.

ex:
.texte {
font-size: 0.8em;
color: #4d4d4d;
line-height: 1.6em;
text-align: justify;
margin: 20px 0 15px 0;
}
.texte:first-letter
{
float:left;
_line-height:0.5em;/* pour Ie */
font-size: 3em;
}


je n'ai pas tester le resultat sous opera, mais il me semble qu'opera reagit comme IE sur ce coup la Smiley smile .

++