Internet Explorer c'est pourri

editeur38 · Internet Explorer c'est pourri

Bonjour,

Vous m'avez aidé plusieurs fois pour mon blog Wordpress, et je croyais que tout allait bien.

Je l'ai regardé sur un autre PC qui à IE comme navigateur, et là
HORREUR ! Sur la page d'accueil, les extraits d' articles et dans la barre latérale sont centrés au lieu d'être alignés à gauche comme ailleurs.

C'est la version 8 de IE.

Sur quel fichier faut-il agir et quoi mettre comme code ?

c'est sur : http://www.sommeil-infos.com

Merci d'avance.

Christian

Dernière modification par editeur38 (23-06-2011 22:38:22)

Mister $$$ · 23-06-2011 21:11:57

c00lman · Re Internet Explorer c'est pourri

Salut editeur38,

Effectivement IE est une plaie 002 !
Pour résoudre votre soucis, il faut utiliser les commentaires conditionnels qui permettent d'inclure du code qui est interprété que par Internet Explorer.
Dans votre cas, il faut repérer les class CSS qui merdouille sous IE et les insérer dans un nouveau fichier CSS avec les valeurs correspondant au norme d'IE.
Attention, il ne faut pas les supprimer de votre fichier css actuel, juste en faire un copié/collé et en modifier les valeurs pour IE.

Une fois fait, il faut insérer le nouveau fichier css spécial IE entre <head> et </head> avec un commentaire conditionnel :

Code:

<!--Début du commentaire conditionnel-->
<!--[if IE]>
<!--Inclusion du code dédié à IE-->
 <link type="text/css" rel="stylesheet" href="styles-ie.css" />
<![endif]-->
<!--Fin du commentaire conditionnel-->

A vous de rechercher les class CSS 014 .

Note : j'ai été jeter un oeil même les 2 icon_mrgreen dans le code source de votre site ... une catastrophe ... vous avez 11 fois le même code CSS et Javascript gnee !

editeur38 · Re Internet Explorer c'est pourri

Bonjour,

Je précise que c'est un blog Wordpress, et que je n'ai rien compris :)
Je précise aussi que cela doit être du au fait que je ne suis pas fort
en PHP, CSS et HTML.

11 fois le même code CSS ? Pourquoi, comment ? C'est WP qui génère
ça; ce n'est pas moi !

Christian

c00lman · Re Internet Explorer c'est pourri

Salut editeur38,

Malheureusement je ne pas vous dire mieux...si l'affichage merde sous IE, il faut utiliser un commentaire conditionnel. Il faut donc repérer sur votre site qu'elle est ou sont les class css qui merdouilles pour les modifier et en toute honnêteté je n'ais aucune envie de le faire à votre place 014 .
Pour le code en multiple exemplaire, je pencherais pour un witget ou plugin mal insérer ou une modif. mal faite...

editeur38 · Re Internet Explorer c'est pourri

Bonjour Coolman,

Non, non, je ne disais pas de le faire à ma place. Je ne comprenais pas tous vos
propos, je demandais juste des précisions :)

Je voudrais bien savoir sur quels fichiers intervenir :

Pour les class CSS, ils sont dans le code de la page d'accueil, dans style CSS ?

Et pour "un witget ou plugin mal insérer ou une modif. mal faite...", je vais voir ça
comment ?

Merci d'être un peu plus clair et précis pour le pauvre novice que je suis :)
En fait je commence à mieux me débrouiller en HTML et CSS, mais Worpress est
une vraie usine à gaz, bien qu'il soit super ! Et en plus il y a du PHP !!! C'est dur
la vie :)

Christian

c00lman · Re Internet Explorer c'est pourri

Pour le style css, il faut vous rendre dans le thème que vous avez installé et trouver le fichier style.css "/wp-content/themes/twentyten/style.css" pour repérer les class css qui gère la disposition des éléments incriminés. Une fois trouvé, il faut créer une nouvelle feuille de style avec ses éléments adapté pour IE et l'insérer dans votre site via un commentaire conditionnel.
Pour les plugins ou widget, il faut juste les désactiver via l'admin et voir si ça change quelque chose (d'après ce que je me souviens).

C'est le problème des CMS, tout le monde les utilisent et rare sont ceux qui savent comment ils fonctionnent..dès qu'il y a une "cou*lle" on ne sait pas ou intervenir 014 ...c'est pour ça que j'ai créé mon propre CMS maison qui répond strictement à mes besoins.

editeur38 · Re Internet Explorer c'est pourri

Merci beaucoup pour ces indications. Je pense pouvoir mieux me débrouiller là.
Je vais le faire dès demain matin.

Mais je me posais encore une question :

Le code que tu m'as donné, pourquoi ne pas le mettre dans le fichier CSS déjà
existant ?

Christian

c00lman · Re Internet Explorer c'est pourri

editeur38 a écrit:
Le code que tu m'as donné, pourquoi ne pas le mettre dans le fichier CSS déjà
existant ?

Parce que techniquement il s'agit d'un simples commentaire HTML qui ne sera lu et interprété que par Internet Explorer.

editeur38 · Re Internet Explorer c'est pourri

Bonjour,

Bon, je n'y arriverai pas, car dans le fichier "style css" il y a plein de noms
et je ne sais pas à quoi il correspondent. Dans ces conditions, c'est
impossible de faire quoi que ce soit.

Merci quand même pour ton aide,

Christian

c00lman · Re Internet Explorer c'est pourri

Salut,

C'est bien pour ça que je disais un peut plus haut :

...en toute honnêteté je n'ais aucune envie de le faire à votre place...

content (130)

editeur38 · Re Internet Explorer c'est pourri

Oui, mais je suis bien avancé, car je n'arrive pas à trouver !

J'ai bien compris que vous ne vouliez pas le faire, OK :)

Merci tout de même.

iLuc · Re Internet Explorer c'est pourri

editeur38 a écrit:
Mais je me posais encore une question :

Le code que tu m'as donné, pourquoi ne pas le mettre dans le fichier CSS déjà
existant ?

Christian

Bonsoir,

Pour plus de précision :

Le Code Html au-dessus, permet à IE de reconnaitre qu'il y a un CSS qui lui est dédié.

<!--[if IE]> ( Si le navigateur = internet explorer )

On peut aussi, corrigé que pour certaines versions de IE en précisant la version comme ceci :

Code:

<!--[if IE 6]> pour IE 6.0 <![endif]-->
<!--[if IE 7]> pour IE 7.0 <![endif]-->
<!--[if IE 8]> pour IE 8.0 <![endif]-->
<!--[if IE 9]> pour IE 8.0 <![endif]-->

Le code doit être placé "après" le fichier css initial du site.

Pour la simple raison, que techniquement
Une class css, n'importe quel navigateur, lorsqu'il y a un doublon,
il va tenir compte que de la dernière.

Si par exemple je fais :

.maclass{
text-decoration: underline;
}

.maclass{
text-decoration: none;
}

Et bien, le navigateur va tenir compte que de la deuxième.
La deuxième écrase la première.

J'aurais pu écrire :

style.css
.maclass{
text-decoration: underline;
}

style-ie.css
.maclass{
text-decoration: none;
}

Lorsque IE dans le code Html va comprendre qu'il y a un style pour lui seul.
Et bien, le style-ie.css va venir écrasé certaine class que l'on souhaite modifier pour que ça s'affiche correctement dans IE

Si par exemple, la class H1 cause des soucis d'affichage.

Je vais la rajouter dans le style-ie.css

h1{
margin-bottom: 5px;
}

Entre autres, on corrige, les défauts de IE. ;)
Et dans notre fichier css pour IE, il n'y aura donc "que" les class à corriger.

Le fichier css IE, c'est donc, pour effectuer des mises au point ( modifier ) la class d'origine.
( qui est situé donc, avant )

Sinon, si ont inverse l'ordre, IE ouvre sont CSS, et ne sais pas faire la correspondance.
On lui demande de modifier une class, qui n'a pas encore était chargé...

C'est pourquoi le style.css du site doit se trouver avant. ;-)



<link type="text/css" rel="stylesheet" href="styles.css" />




<link type="text/css" rel="stylesheet" href="styles-ie.css" />
<![endif]-->

J'espère avoir apporté une réponse complémentaire pour mieux comprendre. ;-)

Luc

Dernière modification par iLuc (09-05-2012 03:37:35)

editeur38 · Re Internet Explorer c'est pourri

Bonjour,

Merci pour ces précisions très détaillées. (même si elles arrivent 1 an après.) :)

En fait, tout est redevenu normal et le pire c'est que je n'ai rien modifié.
Je n'y comprends rien, mais le principal c'est que tout soit normal même
avec IE. (les mystères de WordPress, sans doute.)

Je vais garder votre post qui pourrait me servir plus tard.

Merci encore et bonne continuation.

Christian

iLuc · Re Internet Explorer c'est pourri

Rhoo.. Effectivement, je n'avais pas vu la date du Post.
Il était dans les premiers. siffle

Autant pour moi... ;-)

Pour le CSS, le principal à retenir:
La dernière class écrase la précédente ( identique ), et/ou s'additionne.

h1{
color: #ff6400;
}

h1{
font-weight: bold;
}

( Les deux styles s’additionnent )

c'est la même chose que :

h1{

color: #ff6400;
font-weight: bold;

}

Et si je fais :

h1{
color: #E31BE3
}

h1{
color: #27D82A
}

Mon texte en H1 aura la couleur ---> color: #27D82A

Et si je fais un fichier : mon-style.css
Avec dedans :

h1{
color: #34E21D;
}

Et un autre fichier :

style-css-pour-ie.css

Avec dedans :
h1{
color: #F91905
}

Lorsque je vais ouvrir Firefox, mon texte H1 aura cette couleur : color: #34E21D;

Mais lorsque je vais ouvrir Internet Explorer,
mon texte H1 aura cette couleur ---> color: #F91905

La 2e aura écrasé ( et/ ou corrigé ) la première... ;-)

J'aurais pu ajouter : font-weight: bold;
Dans le css pour ie.

J'aurais eu mon texte des balises h1 en Bold dans Internet Explorer, mais pas dans Firefox et autres...

C'est pas évident au début à comprendre la logique.
Le css est un language très puissant et complet.

J'en découvre encore. ;-)

Dernière modification par iLuc (09-05-2012 22:01:09)

c00lman · Re Internet Explorer c'est pourri

content (130) Le forum est fréquenté mais il y a peut de questions! Si vous en voulez une plus "fraîche" » http://forum.creer-un-site.fr/creer-un- … cus-langue

Annonce

#1 Internet Explorer c'est pourri du 23-06-2011 21:11:57

23-06-2011 21:11:57

#2 Re Internet Explorer c'est pourri du 24-06-2011 18:33:41

Re: Internet Explorer c'est pourri

Code:

#3 Re Internet Explorer c'est pourri du 26-06-2011 00:41:22

Re: Internet Explorer c'est pourri

#4 Re Internet Explorer c'est pourri du 26-06-2011 09:36:28

Re: Internet Explorer c'est pourri

#5 Re Internet Explorer c'est pourri du 26-06-2011 11:35:18

Re: Internet Explorer c'est pourri

#6 Re Internet Explorer c'est pourri du 26-06-2011 12:06:28

Re: Internet Explorer c'est pourri

#7 Re Internet Explorer c'est pourri du 26-06-2011 22:33:43

Re: Internet Explorer c'est pourri

#8 Re Internet Explorer c'est pourri du 27-06-2011 08:20:01

Re: Internet Explorer c'est pourri

editeur38 a écrit:

#9 Re Internet Explorer c'est pourri du 27-06-2011 09:44:05

Re: Internet Explorer c'est pourri

#10 Re Internet Explorer c'est pourri du 27-06-2011 11:14:12

Re: Internet Explorer c'est pourri

#11 Re Internet Explorer c'est pourri du 27-06-2011 11:43:32

Re: Internet Explorer c'est pourri

#12 Re Internet Explorer c'est pourri du 09-05-2012 03:25:05

Re: Internet Explorer c'est pourri

editeur38 a écrit:

Code:

#13 Re Internet Explorer c'est pourri du 09-05-2012 21:10:16

Re: Internet Explorer c'est pourri

#14 Re Internet Explorer c'est pourri du 09-05-2012 21:54:41

Re: Internet Explorer c'est pourri

#15 Re Internet Explorer c'est pourri du 10-05-2012 11:19:15

Re: Internet Explorer c'est pourri

Partenaires de « créer un site internet »