Hum, oui je comprends un peu mieux... en fait je comprends qu'il puisse y avoir des différences entre les navigateurs...
Dans ton cas ça semble être surtout une question de réglage, puisque epiphany est un gecko light.
Mais dans mon cas comment être sûr d'uniformiser le truc? Faut que j'utilise des pixels?
Si tu veux un rendu parfaitement uniforme sur tous les écrans, à toutes les résolutions, sur tous les browsers et quelle que soit la config (bref partout dans les limites de ce qu'on peut concevoir)... La réponse courte serait oui.
La réponse plus longue (meilleure, comme tu l'auras compris), c'est d'utiliser chaque unité pour ce qu'elle fait le mieux et de comprendre qu'une page web n'est pas une gravure figée dans le marbre. Si le web devait avoir la même tête partout, alors on serait tous en train d'utiliser IE6 sans se poser davantage de questions.
Donc quand tu utilises des em, tu laisses le navigateur deviner, selon sa configuration, quelle taille en pixels ça va donner à l'écran. Quand tu utilises une taille en pixels tu fais exactement le contraire, tu imposes un chiffre strict. Donc si deux éléments sont "calés" l'un par rapport à l'autre à l'aide de ces deux unités simultanément, ça va forcément casser dans un cas ou dans un autre, à moins que tu ne voies ta page que dans le cas où tout marche bien - ta workstation de développement et ton browser favori dans son réglage habituel, le plus souvent.
C'est ton cas ici, tu as la barre de menu principale (ainsi que la plupart des blocs de la page semble t-il...) qui choisit sa hauteur suivant la taille du texte calculée (différente sur chacun de tes 2 browsers donc). Et par rapport à ça, tu cherches à placer un bloc juste en-dessous, en position absolue à l'aide d'une marge définie en pixels (donc fixe, elle).
Deux solutions :
- soit tu rends cette marge adaptable au même titre que la taille de la boîte du dessus (donc passage en em)
- soit tu trouves une autre façon de placer le bloc qui t'éviterait de faire appel aux marges.
A toi de choisir
[quote="Stef"]Hum, oui je comprends un peu mieux... en fait je comprends qu'il puisse y avoir des différences entre les navigateurs...[/quote]
Dans ton cas ça semble être surtout une question de réglage, puisque epiphany est un gecko light.
[quote="Stef"]Mais dans mon cas comment être sûr d'uniformiser le truc? Faut que j'utilise des pixels?[/quote]
Si tu veux un rendu parfaitement uniforme sur tous les écrans, à toutes les résolutions, sur tous les browsers et quelle que soit la config (bref partout dans les limites de ce qu'on peut concevoir)... La réponse courte serait oui.
La réponse plus longue (meilleure, comme tu l'auras compris), c'est d'utiliser chaque unité pour ce qu'elle fait le mieux et de comprendre qu'une page web n'est pas une gravure figée dans le marbre. Si le web devait avoir la même tête partout, alors on serait tous en train d'utiliser IE6 sans se poser davantage de questions.
Donc quand tu utilises des em, tu laisses le navigateur deviner, selon sa configuration, quelle taille en pixels ça va donner à l'écran. Quand tu utilises une taille en pixels tu fais exactement le contraire, tu imposes un chiffre strict. Donc si deux éléments sont "calés" l'un par rapport à l'autre à l'aide de ces deux unités simultanément, ça va forcément casser dans un cas ou dans un autre, à moins que tu ne voies ta page que dans le cas où tout marche bien - ta workstation de développement et ton browser favori dans son réglage habituel, le plus souvent.
C'est ton cas ici, tu as la barre de menu principale (ainsi que la plupart des blocs de la page semble t-il...) qui choisit sa hauteur suivant la taille du texte calculée (différente sur chacun de tes 2 browsers donc). Et par rapport à ça, tu cherches à placer un bloc juste en-dessous, en position absolue à l'aide d'une marge définie en pixels (donc fixe, elle).
Deux solutions :
- soit tu rends cette marge adaptable au même titre que la taille de la boîte du dessus (donc passage en em)
- soit tu trouves une autre façon de placer le bloc qui t'éviterait de faire appel aux marges.
A toi de choisir :)
