Forum d'entraide PHPFrance

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 ?

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 )

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

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).

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

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).

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.

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

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 ). 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.

À 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.