28173 sujets
CSS et mise en forme, CSS3
Bonjour,
Vaste question
Tout d'abord, il faudrait savoir ce que tu entends par "Toutes les versions d'internet explorer". Si il faut que ton design soit compatible avec IE3, tu sera effectivement plutôt limité
Sauf cas particuliers, on peux, je pense, se permettre de ne plus tenir compte des versions d'IE inférieures à 5.5, voire 6.0.
Cet article sera une bonne introduction pour bien aborder les problématiques de compatibilité :
http://css.alsacreations.com/Bases-et-indispensables/Mon-site-valide-en-XHTML-Strict-n-est-pas-compatible-partout
Sinon pour répondre à ta question, ce à quoi tu devra le plus faire attention est la différence de rendu du modèle de boite entre IE5- et IE6 en mode strict. C'est très bien expliqué ici :
http://openweb.eu.org/articles/dimensions_boites_css/
Enfin il est bon de connaître également les "quelques" autres bugs de rendu liés à IE :
http://www.positioniseverything.net/explorer.html
Voilou
Vaste question
Tout d'abord, il faudrait savoir ce que tu entends par "Toutes les versions d'internet explorer". Si il faut que ton design soit compatible avec IE3, tu sera effectivement plutôt limité
Sauf cas particuliers, on peux, je pense, se permettre de ne plus tenir compte des versions d'IE inférieures à 5.5, voire 6.0.
Cet article sera une bonne introduction pour bien aborder les problématiques de compatibilité :
http://css.alsacreations.com/Bases-et-indispensables/Mon-site-valide-en-XHTML-Strict-n-est-pas-compatible-partout
Sinon pour répondre à ta question, ce à quoi tu devra le plus faire attention est la différence de rendu du modèle de boite entre IE5- et IE6 en mode strict. C'est très bien expliqué ici :
http://openweb.eu.org/articles/dimensions_boites_css/
Enfin il est bon de connaître également les "quelques" autres bugs de rendu liés à IE :
http://www.positioniseverything.net/explorer.html
Voilou
bonjour,
<edit> le temps de faire un blabla et je n'ai pas vu le post precedent ++ </edit>
non , c'est plus compliqué que cela.
Chaque version de IE a ses particularités et ses modes de fonctionnement , ensuite les styles en cascades veulent tout dire, (surtout cascade pour IE ))une regle css appliqué ici aura un effets secondaire ailleurs, qui varient ou bug selon les versions de navigateurs.
Les bugs ne proviennent pas que des navigateurs , mais aussi du "codeur" qui ne sait pas toujours bien qu'elle régle choisir ou ou l'appliqué pour et quel resultat (faire ,refaire et tester permet utilement de faire connaissnce avec avec IE et ses bugs et les autres aussi) .
Tout d'abord le code html de la page , avec un doctype declaré correctement (concerne IE a partir de la version 6 ) ou non , ensuite le code html sans erreurs (preferé de toutes façon une page avec un doctype, si besoin il est toujours possible de refaire passer IE en mode quirk).
Sans doctype ou mal declaré IE va passer en mode "quirk" , c'est a dire qu'il va interpreté la page comme du simple html , et ne prendre en compte qu'une partie des regles css. (pas de margin:auto; pour centré un block par exemple ) d'un autre coté ça nivelle le rendu dans les differentes version de IE , mais bon il s'agit de standard ici et les version anterieur a la 6 ont deja bien vecues .
Chaque version de IE a aussi ses defauts qu'il faudra apprendre a reconnaitre et a gerer , les tests d'affichage de la page en cours de "montage" suffissent a les voirs apparaitres.
Plusieurs choix,
le "defaut/grosse difference " par rapport aux autre navigateurs est sans importances ou ne nuit pas a l'affichage du contenu, on peut decider de laisser comme ça et ne pas passer une apres midi a vouloir dompter une meute d' IE sauvage
.
le "defaut/bazar" par rapport aux autres navigateurs a une incidence importante et nuisible ,comme une disparition de contenu ou un contenu completement deplacé sur la page , la on s'attaque au probleme en cherchant qui sont les causeurs de troubles ,revoir la technique mise en place ou on peut surchargé/proposé des regles css differentes pour les versions de IE a partir de la 5 a l'aides des commentaires conditionnels faute de solutions valables pour tous . (il y a bien des hacks , mais qui peuvent vite rendre le code css "bordelique" si trop repeté et surtout deplairent aux prochaines versions d'IE .)
Si c'est "bug" proviennent d'effet gadget visuel peut important , encore une fois ils peut suffire de les ignorer et de les eliminer pour IE, ou de leur adjoindre eventuellement un peu de javascript pour obtenir l'effet recherché ... le css est un outil de mise en forme et pas prevu pour rendre une page "dynamique" ... (:hover , :before , fixed, etc ... il y a d'ailleurs beaucoup de chose ignoré par les anciennes versions de IE,6 incluse et qui le resteront).
Enfin bref pas de solution magique mais des forums comme celui-ci ou tu peut glaner des infos (google aussi peut te reinseigner sur les bugs connus de IE) et recevoir de l'aide .
++
Modifié par gcyrillus (17 Aug 2006 - 16:17)
<edit> le temps de faire un blabla et je n'ai pas vu le post precedent ++ </edit>
non , c'est plus compliqué que cela.
Chaque version de IE a ses particularités et ses modes de fonctionnement , ensuite les styles en cascades veulent tout dire, (surtout cascade pour IE
))une regle css appliqué ici aura un effets secondaire ailleurs, qui varient ou bug selon les versions de navigateurs.Les bugs ne proviennent pas que des navigateurs , mais aussi du "codeur" qui ne sait pas toujours bien qu'elle régle choisir ou ou l'appliqué pour et quel resultat (faire ,refaire et tester permet utilement de faire connaissnce avec avec IE et ses bugs et les autres aussi) .
Tout d'abord le code html de la page , avec un doctype declaré correctement (concerne IE a partir de la version 6 ) ou non , ensuite le code html sans erreurs (preferé de toutes façon une page avec un doctype, si besoin il est toujours possible de refaire passer IE en mode quirk).
Sans doctype ou mal declaré IE va passer en mode "quirk" , c'est a dire qu'il va interpreté la page comme du simple html , et ne prendre en compte qu'une partie des regles css. (pas de margin:auto; pour centré un block par exemple ) d'un autre coté ça nivelle le rendu dans les differentes version de IE , mais bon il s'agit de standard ici et les version anterieur a la 6 ont deja bien vecues .
Chaque version de IE a aussi ses defauts qu'il faudra apprendre a reconnaitre et a gerer , les tests d'affichage de la page en cours de "montage" suffissent a les voirs apparaitres.
Plusieurs choix,
le "defaut/grosse difference " par rapport aux autre navigateurs est sans importances ou ne nuit pas a l'affichage du contenu, on peut decider de laisser comme ça et ne pas passer une apres midi a vouloir dompter une meute d' IE sauvage
.le "defaut/bazar" par rapport aux autres navigateurs a une incidence importante et nuisible ,comme une disparition de contenu ou un contenu completement deplacé sur la page , la on s'attaque au probleme
en cherchant qui sont les causeurs de troubles ,revoir la technique mise en place ou on peut surchargé/proposé des regles css differentes pour les versions de IE a partir de la 5 a l'aides des commentaires conditionnels faute de solutions valables pour tous . (il y a bien des hacks , mais qui peuvent vite rendre le code css "bordelique" si trop repeté et surtout deplairent aux prochaines versions d'IE .)Si c'est "bug" proviennent d'effet gadget visuel peut important , encore une fois ils peut suffire de les ignorer et de les eliminer pour IE, ou de leur adjoindre eventuellement un peu de javascript pour obtenir l'effet recherché ... le css est un outil de mise en forme et pas prevu pour rendre une page "dynamique" ... (:hover , :before , fixed, etc ... il y a d'ailleurs beaucoup de chose ignoré par les anciennes versions de IE,6 incluse et qui le resteront).
Enfin bref pas de solution magique mais des forums comme celui-ci ou tu peut glaner des infos (google aussi peut te reinseigner sur les bugs connus de IE) et recevoir de l'aide .
++
Modifié par gcyrillus (17 Aug 2006 - 16:17)