| ||||||||
Petit astucien | Bonjour,
Je suis confronté a un problème sur mon site.
Mon site http://www.1rsma.fr fonctionnait jusqu'au 23 mars 2009 correctement sous IE7 ou Firefox 3. Depuis cette date il m’affiche sous certaines pages des changements de couleurs, des caractères plus gros, des alignements tronqués. (http://www.1rsma.fr/pbc_form_mili.php3 ou http://www.1rsma.fr/pbc_form_mili_fcg.php3 ) Voila les pages plus toutes celles sur Formation professionnelle qui sont en mauvaise lecture sous IE. De quoi ça peut venir ? De plus je ne maitrise pas le CSS. Je commence a ma documenter dessus mais d’abord faire le tri dans les sites, trouver le site de base …. Comment peut t'on sous dreamweaver chunter ou mettre le CSS a zero ou aucun et affine apres le CSS quand je le maitriserai. Merci du coup de main.
| |||||||
Publicité | ||||||||
| ||||||||
Petit astucien | Tout dépend du site en lui-même, de la façon dont il a été fait. Et oui, tout est une histoire de CSS, ils y a certaines choses à faire pour mettre IE7 et Firefox au même niveau, à commencer par corriger une petite entorse aux règles W3C de la part de firefox (eh oui) qui affiche un padding automatique lors de l'utilisation d'une liste, au lieu d'un margin (ou l'inverse, mais peu importe), ce qui peut amener à des différences de positionnement. Entre autres en tout cas. Afin de palier à cela, on utilise cette propriété CSS : body, div, form, fieldset, ul, table Ensuite, le seul truc à faire, c'est de reprendre ligne par ligne le CSS, en observant les effets à la fois sur IE6, IE7 et IE8, Firefox 3 et même Safari. Pour cela, on peut utiliser IEtester (multiversions d'IE). La grosse différence entre IE6/7 et IE8 et FF, c'est la gestion des hauteurs. Ainsi, il va falloir utiliser un hack css, que seul IE6 et 7 interprêtent, et pas les autres. Ce hack, c'est "!important!" (ne pas confondre avec "!important", qui ne donnera pas le bon effet, n'oublies donc pas le ! à la fin). Par exemple : .logo Dans cet exemple, la position en hauteur (axe Y) sera d'abord réglée sur -15px, et ensuite re-réglée pour IE6-7 à 0px. Il faut perséverer dans la réalisation de son CSS. Je lutte activement contre tous les sites "optimisés pour firefox", crachant méchamment au visage des concepteurs web qui n'ont juste pas voulu se donner la peine de faire un site professionnellement, c'est à dire compatible avec la majorité des navigateurs. Et pour remettre un css à zéro... il suffit de supprimer tout le contenu (utilise dreamweaver en mode code, le mode création WYSIWYG est une abomination du monde du web).
Voilà, j'espère t'avoir aidé (même si c'est tard par rapport à ta demande), ou au moins que ça pourra aider quelqu'un qui se pose les mêmes questions. | |||||||
Grande Maîtresse astucienne | Sur la gestion des hauteurs par IE6, d'accord, mais pourquoi IE7? Je n'ai jamais eu de problème avec lui. | |||||||
Astucienne |
Le !important! pour IE7 fonctionne-t'il pour tout dans la css? Parfois IE7 me chifonne pour quelque pixels par rapport à FF et j'aimerais bien savoir si cela marche pour tout ou seulement pour le margin ou le padding. De toute façon je vais l'essayer à chaque fois qu'il me chiffone mon affichage.
Pour IE6, je mets dans ma css un trait avant le code. Exemple: _margin-left:5px
Merci
| |||||||
Petit astucien | Merci pour les reponses. Je cherhce l'erreur mais pas facile.
| |||||||
Petit astucien | Salut (content de voir que mon explication sert à des gens ^^) Donc : De manière générale, si vous avez une grosse différence entre margin et padding de l'un à l'autre, essayez d'abord de changer, et de mettre padding à la place de margin (et inversement). Des fois, c'est juste qu'on a pas mis le bon :) | |||||||
Grande Maîtresse astucienne | warpShadow a écrit Ce qui m'amène à dire que cette différence de hauteur pour IE7 résulte souvent d'un codage inadéquat. | |||||||
|
Les bons plans du moment PC Astuces | Tous les Bons Plans | ||||||||||||||||||
|