Ignorer taille du texte choisie dans le navigateur

fatalfury
Invité n'ayant pas de compte PHPfrance

11 avr. 2008, 21:56

Bonjour,
Dans tous les navigateurs, il y a une possibilité d'agrandir la taille des caractères.
Dans Internet Explorer : onglet affichage, taille du texte, plus grande.

Conséquence : cela fait agrandir les textes sur mon site (donc c'est moche et les textes dépassent certains tableaux), mais pas sur la plupart des sites (phpfrance par exemple).

Comment fait-on ignorer la taille choisie dans les navigateurs ?

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 13231 Messages

11 avr. 2008, 22:04

Quoique tu veuilles faire, sache que l'internaute aura toujours le dessus une fois sur son navigateur.
Tu ne peux empêcher l'utilisateur de configurer son navigateur à sa guise (et heureusement d'ailleurs ;) )
Connaître son ignorance est la meilleure part de la connaissance
Pour un code lisible : n'hésitez pas à sauter des lignes et indenter

twitter - site perso - Github - Zend Certified Engineer

fatalfury
Invité n'ayant pas de compte PHPfrance

11 avr. 2008, 22:28

Pourquoi il n'y aucun effet sur ce site ?
Bizarre ! Je ne vois rien de particulier dans le fichier css.

Mammouth du PHP | 2937 Messages

11 avr. 2008, 22:28

Conséquence : cela fait agrandir les textes sur mon site (donc c'est moche et les textes dépassent certains tableaux)
Si le design de ton site n'est pas fluide (abus de dimensions en pixels), l'agrandissement devient moche. Le mieux est de privilégier les unités relatives pour dimensionner les différents éléments (em, pourcentage...) ; et, si jamais tu dois utiliser des pixels, n'oublie pas qu'en CSS il existe les propriétés min-width, min-height, max-width et max-height (reconnues par Firefox, Opera, Safari et Internet Explorer 7, entre autres), qui permettent de définir respectivement une largeur et une hauteur minimales et une largeur et une hauteur maximales : ainsi, en cas d'agrandissement de la taille de police, les blocs s'adaptent, ce qu'ils ne peuvent faire avec width et height (qui définissent une largeur et une hauteur fixes ; toutefois, IE 6 interprète width et height comme s'il s'agissait de min-width et de min-height).

Eléphanteau du PHP | 47 Messages

13 avr. 2008, 17:00

C'est bon, j'ai trouvé !
Il suffisait de mettre "px" au lieu de "em" ou "%" !

Mammouth du PHP | 2937 Messages

13 avr. 2008, 17:17

C'est bon, j'ai trouvé !
Il suffisait de mettre "px" au lieu de "em" ou "%" !
Certes, IE refuse d'agrandir le texte lorsque sa taille est en pixels ; mais, utiliser cette unité peut poser un problème d'accessibilité si les textes sont de petite taille et que l'utilisateur, malvoyant ou souffrant d'un autre trouble de la vision, n'a pas d'autre choix que d'utiliser les fonctionnalités du navigateur soit pour agrandir la taille de texte (ou pour zoomer, c'est selon) soit pour définir les tailles de police à employer (en modifiant la configuration par défaut du navigateur).

Eléphanteau du PHP | 47 Messages

13 avr. 2008, 21:40

Utiliser le zoom ne posera pas de problème pour les malvoyants.
Le zoom fait agrandir tout en même temps : à la fois le texte, les tableaux et les images.

Mammouth du PHP | 2937 Messages

13 avr. 2008, 21:46

Sauf que le zoom d'IE ne vaut pas celui d'Opera, à moins d'être sous IE 8. :roll:

ViPHP
ViPHP | 4674 Messages

13 avr. 2008, 23:56

Hey :).

À noter que Safari augmente la taille même si elle est définie en pixel. Ton raisonnement (fatalfury, yo) est donc invalide. Pourquoi Safari augmente les pixels ? Car tous les textes sur Mac OS (tout comme sur Linux) sont définis avec des polices de tailles relatives. Donc certes, on aura des pixels, mais si on augmente, ce sera des valeurs absolues dans un environnement relatif ... hum, on me suit toujours ? Et pour les valeurs relatives, ce sera du relatif dans du relatif, donc un comportement normal. Enfin en gros, ton idée n'est pas bonne ;-).

Et prend en compte ce que dit Victor, il a parfaitement raison (sur ce coup hihi :roll:). Il est nettement préférable de construire ton site avec des unités relatives et non absolues ! On appelle cette technique (entre autre, ce n'est qu'une infime partie), la technique des maquettes fluides. Id est qu'elles s'adaptent aux dimensions de la fenêtre du navigateur (eh oui, tout le monde n'est pas en plein écran). Tu peux aller te renseigner sur Alsacréations, tu y trouveras une foule d'article concernant le sujet.
« Un handicap est le résultat d'une rencontre entre une déficience ou différence et une incapacité de la société à répondre à celle-ci. »

Hoa : http://hoa-project.net (sur @hoaproject).

ViPHP
ViPHP | 4674 Messages

16 avr. 2008, 23:59

À propos, voici un article qui devrait t'intéresser fatalfury : chez Openweb par Aurélien Lévy, Compatibilités multi-navigateurs des polices de caractères, avec un lien intéressant chez Laurent Denis, Blog-and-blues : Comment définir la taille du texte en ems (traduction).

À lire, donc, avec attention.
« Un handicap est le résultat d'une rencontre entre une déficience ou différence et une incapacité de la société à répondre à celle-ci. »

Hoa : http://hoa-project.net (sur @hoaproject).