CSS : Mon site est incompatible IE6
Résolu
hom33r
Messages postés
46
Date d'inscription
Statut
Membre
Dernière intervention
-
Dan -
Dan -
A voir également:
- CSS : Mon site est incompatible IE6
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
8 réponses
Un site compatible IE6 n'est pas une priorité, mais juste un plus je pense. Personnellement, je ne développe plus sous IE6, tout comme youtube qui arrête sa compatibilité IE6.
Pour ce qui est de la transparence, IE6 ne supporte simplement pas la transparence en PNG. Il faut soit utiliser le format PNG8 (https://www.alsacreations.com/article/lire/81-transparence-png-ie6.html soit le GIF.
Pour ce qui est de la transparence, IE6 ne supporte simplement pas la transparence en PNG. Il faut soit utiliser le format PNG8 (https://www.alsacreations.com/article/lire/81-transparence-png-ie6.html soit le GIF.
Si tu n'a pas prévu IE6 dès le départ, il va falloir refaire un css rien que pour ie6 pour corriger tous les défauts sous ie6.
La plupart du temps ce qui déconne sous ie6 se sont les margin et les padding (surtout la ou tu ne les a pas mis, il va falloir rajouter des padding: 0;)
C'est pas compliqué, il faut être patient, et y aller étape par étape, un problème à la fois, et à la fin ton site sera tout beau, meme sur IE6...
La plupart du temps ce qui déconne sous ie6 se sont les margin et les padding (surtout la ou tu ne les a pas mis, il va falloir rajouter des padding: 0;)
C'est pas compliqué, il faut être patient, et y aller étape par étape, un problème à la fois, et à la fin ton site sera tout beau, meme sur IE6...
Bonjour,
merci de votre réponse.
Je vais faire comme sa, je vais refaire le CSS en corrigeant ce qui BUG.
Mais pour la transparence des images PNG je fais comment ?
J'ai déjà essayé un JS et quelques autre code dans le CSS mais sans sucés.
merci de votre réponse.
Je vais faire comme sa, je vais refaire le CSS en corrigeant ce qui BUG.
Mais pour la transparence des images PNG je fais comment ?
J'ai déjà essayé un JS et quelques autre code dans le CSS mais sans sucés.
Petit soucis !
Afin de facilité ma correction CSS, j'ai demandé a Dreameaver 8 d'analysé mon CSS pour IE5 et IE6.
Il m'a trouvé seulement 5 erreurs que voici :
Sur cette balise :
Dreamweaver me dit :
Donc la correction pour moi est la suivante (je pense) :
Mais après je galère avec mes 4 autres erreurs, qui sont les mêmes :
Cette erreur est provoqué pour les balises suivante de mon CSS :
Mais la je galère !
Je ne sais que mettre pour corrigé ces erreurs !
Pouvez-vous m'aider ?
Merci d'avance !
Afin de facilité ma correction CSS, j'ai demandé a Dreameaver 8 d'analysé mon CSS pour IE5 et IE6.
Il m'a trouvé seulement 5 erreurs que voici :
Sur cette balise :
#menu .menu_nn ul li {
background-image : url('images/BlockContentBullets.png');
width : 170px;
margin : 0.5em 0 0.5em 10;
margin-left : -35px;
Dreamweaver me dit :
La valeur '10' n'est pas prise en charge pour la propriété CSS margin [Microsoft Internet Explorer 5.0, Microsoft Internet Explorer 5.5, Microsoft Internet Explorer 6.0, Netscape Navigator 6.0, Netscape Navigator 7.0, Netscape Navigator 8.0]
Donc la correction pour moi est la suivante (je pense) :
#menu .menu_nn ul li {
background-image : url('images/BlockContentBullets.png');
width : 170px;
margin : 0.5em 0 0.5em 10px;
margin-left : -35px;
Mais après je galère avec mes 4 autres erreurs, qui sont les mêmes :
La prise en charge des valeurs top, text-top, middle, bottom et text-bottom de la propriété CSS vertical-align est incomplète ; ces valeurs risquent de ne pas produire l'effet souhaité. [Microsoft Internet Explorer 5.0, Microsoft Internet Explorer 5.5]
Cette erreur est provoqué pour les balises suivante de mon CSS :
#content #corps p.suite a {
color : #232323;
vertical-align : text-top;
}
.art-PostHeaderIcon-wrapper img {
border : none;
vertical-align : middle;
margin : 0;
padding : 0;
}
.art-metadata-icons img {
border : none;
vertical-align : middle;
margin : 2px;
padding : 0;
}
.art-metadata-icons img {
border : none;
vertical-align : middle;
margin : 2px;
}
Mais la je galère !
Je ne sais que mettre pour corrigé ces erreurs !
Pouvez-vous m'aider ?
Merci d'avance !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Oui je sais bien que IE est vieux et peux utilisé mais c'est pour rendre mon site un max compatible.
Et ok pour les PNG ;) Merci !
Et ok pour les PNG ;) Merci !
Voilà, pour éviter de refaire un CSS j'ai rajouté une détection de navigateur.
Lorsque IE6 ou une version antérieur est détecté, mon site affichera en haut de page une bande jaune demendans de mettre à jour le navigateur ou de le changer parmi Mozilla Firefox, Opera, Google Chrome...
Je pense que se sera mieux ;)
Merci à vous tous ;)
Lorsque IE6 ou une version antérieur est détecté, mon site affichera en haut de page une bande jaune demendans de mettre à jour le navigateur ou de le changer parmi Mozilla Firefox, Opera, Google Chrome...
Je pense que se sera mieux ;)
Merci à vous tous ;)
IE6 ne prend pas les png... je te propose un petit script qui tu place dans ton <head></head> et qui comme par magie va transformer tes png ;) Il suffit juste d'indiquer la classe, l'id ou l'élément visé...
Exemple:
<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a.js" type="text/javascript"></script>
<script type="text/javascript">
DD_belatedPNG.fix("img");
DD_belatedPNG.fix("body");
DD_belatedPNG.fix(".classe");
DD_belatedPNG.fix("#id");
</script>
<![endif]-->
Comme tu vois il y a également un script à appeler en parallèle...mais bon... à coup de une ou deux recherches tu le trouves...vais pas le recopier ici...
J'espère que j'aurai pu en aider certains!
Exemple:
<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a.js" type="text/javascript"></script>
<script type="text/javascript">
DD_belatedPNG.fix("img");
DD_belatedPNG.fix("body");
DD_belatedPNG.fix(".classe");
DD_belatedPNG.fix("#id");
</script>
<![endif]-->
Comme tu vois il y a également un script à appeler en parallèle...mais bon... à coup de une ou deux recherches tu le trouves...vais pas le recopier ici...
J'espère que j'aurai pu en aider certains!
