18041 sujets

Questions générales et questions de débutants

Site tout déformé

Bonjour.

J'ai un soucis avec IE et mon site... Après une mise à jour (que je n'ai pas vraiment voulue - plutôt imposée par OVH), mon site est devenu tout tordu vu par Internet Explorer (il est lisible sur Firefox) :
- le menu se marche dessus
- et les images ne sont pas au bon format
Je suis plutôt un bricoleur qu'un webmaster... et je ne vois pas comment m'en sortir. J'ai vu sur le forum que quelqu'un conseille dans ce cas de faire deux versions du site... Ou de mettre des images en GIF (mais il reste le problème du menu...)
Est-ce qu'il y a plus simple ?

Merci d'avance à vous tous !

http://juliette-presse.fr/Porcelaine/
Modifié par Porcelaine (29 Aug 2015 - 12:21)
Bonjour Porcelaine,
ce serait raisonnable de ne se préoccuper que des versions IE v.9 et + (et renseigner que les antérieures sont 'obsolètes et nécessitent de mettre le navigateur à jour !').

Des puristes te diront que j'ai tort ... or cela dépend d'abord du profil de tes visiteurs (ancestraux ou antiques).

Maintenant pour ton problème, ton code m'apparaît au premier coup d'oeil trop complexe pour que j'ose m'y plonger.

Mais sur tout cela je me trompe peut-être. Toutefois essaie de débroussailler un peu ... et la solution pourrait bien s'y trouver.
C'est possible qu'il soit devenu très complexe. Je suis parti d'un thème (acheté !) à bavotasan.com que j'ai modifié au fil des ans, selon ce que je cherchais, avec de très bons livres Smiley smile comme celui de Simon Kern (avec Alsacréations) : Sites Web avec Wordpress 3.0. Mais "ça va tellement vite" que je devrais reprendre pas mal de choses, mais... je ne sais plus où !

PS. Parmi mes visiteurs, j'ai encore des "antiques" !
Modifié par Porcelaine (29 Aug 2015 - 14:27)
Porcelaine,
quelquefois dans un code autant que dans la vraie vie, il est utile de 're'partir de rien qui est un tout nouveau, tout nouveau ...
Modifié par pictural (29 Aug 2015 - 20:01)
Avant de tout brûler :
En effet sous ie8 ça passe moins bien donc déjà pour le menu, il faut mettre les pseudos éléments à l'ancien format à savoir remplacer tous les ::after par :after (un seul deux points) et idem pour les ::before par :before.
J'ai une bataille de chats à gérer jreviens plus tard voir si j'ai une idée pour les images.

Smiley smile
Et donc la suite post bataille :
Pour les images, je rajouterais une règle css ciblant tes images :
.entry-content img{
width:100% important;
height:auto !important;
}


J'avais pas utilisé l'inspecteur de code sous ie8 depuis un bail.
C'est pas propre mais ça marche.
En attendant qu'un spécialiste du css te sorte quelque-chose de plus propre... ben ça fonctionne chez moi.

See ya

Smiley smile
Merci !!! C'est un métier. Bravo.

Je ne vois pas bcp de :: mais par contre des => après before et after.

Est-ce normal ?
Modifié par Porcelaine (30 Aug 2015 - 17:24)
Salut,
Tes '=>' ses trouvent dans ton fichier .css ? Si c'est le cas, c'est bizarre car ce symbole n'est pas un symbole pour CSS...
Sujet clos
Aller à