Affichage décalé de mon image selon le Navigateur..

Affichage décalé de mon image selon le Navigateur.. - HTML/CSS - Programmation

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  :heink:  
 
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.  :jap:

Reply

Marsh Posté le 21-06-2005 à 14:23:39   

Reply

Marsh Posté le 21-06-2005 à 14:43:04    

double-clic a écrit :

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  :heink:  
 
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.  :jap:


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)


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 21-06-2005 à 20:37:11    

Mais si on fait un truc au norme, il fonctionnera aussi sur IE ???


---------------
Chouette cette Inspiron 9300
Reply

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


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed