par
titerm » 12 avr. 2007, 07:57
Pour les em, c'est n'est pas uniquement la taille des polices mais toute la pages css inclu qui doit etre codé en em. De telle sorte que si tu fais un controle-pavNum+ ou pavNum- sous firefox ou controle-molette sous IE, le site augmente de taille mais reste harmonieux, tout grossi uniformement.
C'est un coup de main a prendre, mais un fois pris, cela ne pose plus du tout de problème.
J'ai codé un site complet comme cela, mais il n'est pas encore accessible au public, la recette viens d'etre prononcé, cela ne devrait plus tarder. Si ca t'interesse, je te fournirai l'url qd il sera accessible
L'astuce de base, c'est de définir un pourcentage de taille de font pour le document de telle sorte que tu obtiennes un ratio simple entre pixel et em. Il faut etre en doc strict.
voila ce que je met en entete de mes doc css
Code : Tout sélectionner
*{
margin:0;
padding:0;
}
html{
font-size:50%; /* FIX IE et son calcul d'arrondi pauvre (part 1) */
}
body{
font:normal 1.25em arial,sans-serif; /* FIX IE et son calcul d'arrondi pauvre (part 2) */
}
A partir de la, tu peux tout convertir facilement en partant du fait que 1em = 10px.
donc si tu as un div qui fait 53px de large, tu remplace par 5.3em, tout simplement.
Après tu verras qu'il y a des contraintes un peu plus pénible mais pas insurmontable. Typiquement, tu ne peux plus mettre d'image en background sauf les fond uniforme en repeat car une image backdround n'est pas redimentionné mais dupliquée (uk:tile), perso, a la place, je met des images en absolu et dimensionnées en em, du coup, j'obtient le meme effet que le background sans l'incovenient que j'ai cité.
good luck
Pour les em, c'est n'est pas uniquement la taille des polices mais toute la pages css inclu qui doit etre codé en em. De telle sorte que si tu fais un controle-pavNum+ ou pavNum- sous firefox ou controle-molette sous IE, le site augmente de taille mais reste harmonieux, tout grossi uniformement.
C'est un coup de main a prendre, mais un fois pris, cela ne pose plus du tout de problème.
J'ai codé un site complet comme cela, mais il n'est pas encore accessible au public, la recette viens d'etre prononcé, cela ne devrait plus tarder. Si ca t'interesse, je te fournirai l'url qd il sera accessible
L'astuce de base, c'est de définir un pourcentage de taille de font pour le document de telle sorte que tu obtiennes un ratio simple entre pixel et em. Il faut etre en doc strict.
voila ce que je met en entete de mes doc css
[code]*{
margin:0;
padding:0;
}
html{
font-size:50%; /* FIX IE et son calcul d'arrondi pauvre (part 1) */
}
body{
font:normal 1.25em arial,sans-serif; /* FIX IE et son calcul d'arrondi pauvre (part 2) */
}
[/code]
A partir de la, tu peux tout convertir facilement en partant du fait que 1em = 10px.
donc si tu as un div qui fait 53px de large, tu remplace par 5.3em, tout simplement.
Après tu verras qu'il y a des contraintes un peu plus pénible mais pas insurmontable. Typiquement, tu ne peux plus mettre d'image en background sauf les fond uniforme en repeat car une image backdround n'est pas redimentionné mais dupliquée (uk:tile), perso, a la place, je met des images en absolu et dimensionnées en em, du coup, j'obtient le meme effet que le background sans l'incovenient que j'ai cité.
good luck
