compatibilite avec internet explorer

obtenir ces boutons

Compatibilité avec les navigateurs
"Internet Explorer" et "Firefox"

Firefox : si ce n'est pas encore fait, télécharger ici la dernière version (4) de Firefox (beaucoup plus rapide).

Télécharger ici Internet Explorer 9.

Les blogs peuvent s'afficher différemment en fonction du navigateur : par rapport à "Firefox", "Internet Explorer" (les autres navigateurs sont tous compatibles : soit avec l'un, soit avec l'autre) ajoute ou supprime des pixels dans les marges (soit en largeur, soit en hauteur) et ne réagit pas toujours la même manière aux mêmes instructions.

Pour éviter cela, plusieurs méthodes sont possibles :

1) Corriger le template (modèle) du blog comme suit :

Paramétrer le blog pour "Firefox".

Ajouter ensuite des instructions modifiées pour "Internet Explorer" :

exemple : on souhaite que, pour "Internet Explorer", les instructions soient les suivantes :

#AdSense1 {margin-top:66px;}
#AdSense2 {margin-top:338px;}


il suffit, dans le template (modèle) après :

]]></b:skin>

d'ajouter :

<!--[if IE]><style type="text/css">#AdSense1 {margin-top:66px;}#AdSense2 {margin-top:338px;}</style><![endif]-->

Rappel : comment modifier un template (modèle) de Blogger

2) Exprimer les longueurs ou largeurs en pixels et pas en pourcentage :

Exemple : width:150px; et pas width:33%;

3) Placer les éléments en position absolue, indépendante des éléments qui l'entourent :

exemple :

#HTML1 {text-align:left;position:absolute;top:102px;left:40px;}

12 commentaires:

Steph a dit…

Bonjour à tous,
Je place mon message ici car c'est la seule rubrique qui traite de IE sur ce blog, dans lequel je puise un nombre incroyable de bonnes idées . Sur mon blog, pour des raisons esthétiques et, parce qu' il y a peu de messages et beaucoup de pages statiques, j'ai choisi l'affichage d'un seul message par page. Quand on consulte une page statique ou un message (titre en colonne), IE provoque un réaffichage complet du blog, alors qu'avec l'excellent Firefox, cela passe inaperçu et l'affichage est très fluide. Connaissez vous un moyen pour rendre l'affichage de IE aussi parfait que celui de Firefox . Merci pour vos réponses.

Meiser a dit…

Bonjour.

Le site que vous consultez est également conçu avec un message par page.

Avez-vous, avec ce site, la même différence d'affichage ?

Si oui il n'y a pas de solution.

Si non, il y a peut-être un problème venant de votre blog.


Steph a dit…

Bonjour Meiser,
Merci pour votre réponse rapide.
Deux cas à considérer :
- Les pages statiques : les vôtres s'ouvrent dans une nouvelle fenêtre et les miennes non (je ne peux donc pas comparer).
- Les messages en colonnes : hélas, oui, même problème. On constate nettement le réaffichage du blog avec IE9. MAIS, c'est la même chose pour Firefox car votre arrière-plan change selon les messages choisis. Difficile à dire car votre blog est sophistiqué alors que le mien est beaucoup plus simple. Un indice pour vous : j'ai une image gif sur mon blog qui est une succession de visages : avec IE, l'image revient au début dès qu'on consulte une page. Avec Firefox, on passe au visage suivant ... J'ai beaucoup fait évoluer mon blog grace à vous et je tenais à vous remercier.

Terreur Vision a dit…
Ce commentaire a été supprimé par l'auteur.
Meiser a dit…

Bonjour.

C'est surtout en largeur que Internet Explorer ajoute quelques pixels, ce qui décale tout.

IL suffit souvent d'augmenter les largeurs des éléments de niveau supérieur comme "body".

Comme indiqué ci-dessus, on peut aussi, dans le template (modèle) après :

]]></b:skin>

ajouter :

<!--[if IE]><style type="text/css">#... {width: ... : .. px;}</style><![endif]-->


Terreur Vision a dit…

Bonjour Meiser et un grand merci pour cette réponse rapide. J'ai tenté d'insérer le code que vous proposez en y intégrant les tailles en pixel correspondant à celle utilisées, mais cela ne change rien, les colonnes restent désespérément sous le site (Par contre est-ce que je suis censé intégrer la formule "adsense1..." .Désolé, je suis un total novice et je découvre au fur et à mesure les joies de ce langage...
Merci pour votre réponse

Meiser a dit…

Bonjour.

Non. Adsense ... c'est un autre exemple.

Mais il faut remplacer les points par ce qui vous convient : chercher les largeurs existantes dans le template et ajouter quelques pixels :

Exemple :

<!--[if IE]><style type="text/css">body {width: 1000px;}</style><![endif]-->

Il faut chercher "width" avec Ctrl+F.


TerreurVision a dit…

Bonjour Meiser,
J'ai tenté d'intégrer le code avec les données de taille, mais rien y fait. De plus j'ai remarqué que ce problème de cassure de page sur explorer ne se faisait que pour la page d'accueil et une autre page intitulée "présentation". Pour les autres ça fonctionne (hormis le fait que qu'explorer ne semble par reconnaître certain widget HTML)...
Sinon vous travailleriez quelques heures en freelance sur mon site ?
Cordialement,
Nicolas.

Meiser a dit…

Bonjour.

Vous avez déjà clarifié le problème.

Vous pourriez essayer de poser une question précise sur le forum Blogger. Il y a des personnes spécialisées en IE.


TerreurVision a dit…

Bonjour, toujours à propos de mon problème de compatibilité IE, je viens de découvrir que lorsque je colle mon code publicitaire, cela fonctionne. Mais dès que j'ouvre la page d'édition ultérieurement pour modification ou autre, le code est changé, par exemple je ne trouve plus la balise de centrage tout en bas mais plus en haut, au-dessus d'une ligne de texte... J'avoue que j'en perd mon latin. D'autant que cette modification "automatique" n'agit que sur IE. Et l'éditeur du code ne semble pas comprendre mon problème non plus...

Auriez-vous une idée ?
Merci d'avance.

Meiser a dit…

Bonjour.
Votre question nécessite l'aide d'un(e) spécialiste d'IE.
Je vous suggère de reformuler la question et de la poser au forum Blogger.


⊰✿⊱France ⊰✿⊱ a dit…

BOnsoir et bien je ne suis pas grand chose mais c'est bien agréable de lire vos idée
voici mon soucis depuis deux semaines
je ne peux plus répondre sur mon blog avec la navigateur chrome ou firefox
disons je clique sur répondre et je me retrouve en haut le la page
alors oui je dois redescendre pour enfin répondre par contre je peux supprimer mes messages
si vous avez une idée ce serait génial de m'aider
bonne soirée