Affichage décalé de mon image selon le Navigateur.. - HTML/CSS - Programmation
Marsh Posté le 21-06-2005 à 14:43:04
double-clic a écrit : Bonjour |
MSIE ne comprend pas correctement position: fixed, et Dreamweaver est aussi mauvais que MSIE de ce côté là.
Démonstration de la manière dont position: fixed est censé fonctionner, aller le voir avec Firefox, Safari ou Opera puis avec MSIE. le rendu de MSIE est incorrect.
Raison:
Un background "fixed" est toujours affiché par rapport au viewpoint, c'est à dire à la zone d'affichage du navigateur (et non par rapport à l'élément auquel il est attaché), mais il n'apparaît que sous l'élément auquel il est associé (coupé en dehors).
MSIE se plante violement en positionnant le background par rapport à l'élément et non au viewpoint, ce qui est un rendu incorrect.
Le rendu "aux normes" (c'est à dire pas celui de MSIE) peut sembler peu intuitif au premier abord, mais il est largement plus flexible et beaucoup plus puissant et intéressant que l'autre (qui ne sert en fait quasiment à rien)
Marsh Posté le 21-06-2005 à 20:37:11
Mais si on fait un truc au norme, il fonctionnera aussi sur IE ???
Marsh Posté le 21-06-2005 à 20:55:11
zzarbi974 a écrit : Mais si on fait un truc au norme, il fonctionnera aussi sur IE ??? |
IE ne gère pas correctement background-position: fixed, et ne gère pas du tout position: fixed, donc si tu les utilise IE ne les gèrera pas. Ensuite, à toi de te débrouiller pour que ça ne se dégrade pas *trop*. Ou alors tu peux émuler la bête spécialement pour MSIE, comme le formulaire de commentaires de Snook.ca
Marsh Posté le 21-06-2005 à 14:23:39
Bonjour
Je vous soumets là un vrai problème pour moi..
Voila certaines pages de mon site perso ne s'affiche pas correctement sous les autre navigateurs que IE 6.0: Mozilla, Safari [les autres je ne sais pas encore].
Les polices entre autres [j'ai choisi Verdana pensant qu'elle était 'standart'] mais ça n'est pas mon véritable souci.
Le souci vient des CSS que j'ai crées sous Dream.. En particulier celles où je demande à une image d'arrière-plan de se figer et de ne pas se répéter. Résultat, l'image en question est décalée.
Voici le lien: http://chezfranck.neuf.fr rubrique 'et aujourd'hui' vous le remarquerez, le haut de la lampe peut apparaître décalé selon votre navigateur
Avez-vous des idées de comment je pourrais remédier à cela?
Merci d'avance, surtout que je ne suis pas fortiche en prog' HTML, je rappelle que j'ai bricolé sous Dreamweaver.