28172 sujets

CSS et mise en forme, CSS3

Bonsoir et merci de m’accueillir au sein de votre communauté,

J'utilise un thème sous Wordpress qui fonctionne correctement sous tous les navigateurs sauf IE.

Voilà le site :
http://www.web-automobile.com/

upload/52639-erreur-ie8.jpg

je ne trouve pas de solution et l'auteur du thème non plus
voici le fil de la conversation avec lui
http://catchthemes.com/support-forum/topic/not-display-site-with-ie/

auriez vous une solution ?
Merci

ps: je viens de tester cette solution mais ça ne marche pas
https://code.google.com/p/html5shiv/
Modifié par Rico-wa (11 Dec 2013 - 19:11)
Administrateur
Bonjour et bienvenue, Smiley smile

Rico-wa a écrit :
ps: je viens de tester cette solution mais ça ne marche pas
https://code.google.com/p/html5shiv/

Ce script est obligatoire pour faire découvrir à IE8- les nouveaux éléments HTML5 (aside, nav, header, etc). Il doit être accompagné d'1 ou 2 règles CSS du type
header, aside, (...) {
    display: block;
}


Comment est l'affichage dans IE9, 10 ou 11 ?

EDIT: il y a une quantité phénoménale de fichiers JS (et CSS de mémoire) chargés initialement.
- Il faudrait tester en désactivant JS sur IE8 et/ou désactiver tous les plugins et comparer le rendu dans IE8 à celui d'un navigateur moderne
- en dehors de ce problème IE8, charger autant de fichiers dégrade le temps de chargement d'une page et donc la performance web. Il faudrait idéalement 1 seul fichier JS et 1 seule feuille de style CSS, en concaténant et minifiant ces fichiers (peut-être 2 JS si on charge jQuery d'une part, le reste d'autre part). Il y a des outils pour ça, faut pas tenter à la main hein ! Smiley cligne (par contre sous WordPress je suis plus à la page je pourrais pas te conseiller)
Modifié par Felipe (12 Dec 2013 - 04:55)
Bonjour,

Pour IE8 tu as une console d'erreur qui permet de déboguer.
Si tu l'ouvres (F12), tu as un onglet "Script" et tu peux lancer un débogage.
Cela va t'indiquer la ou les lignes de tes scripts qui posent problème.

En espérant que ça fonctionne pour ton site. Smiley smile
Bonjour et merci pour vos réponses.

j'avais essayé avec tous les plugins désactivé et ça ne marchait pas sous IE8

je n'ai pas testé les autres IE

l'Auteur du thème à envoyé hier soir dans ma bal la derniere version du thème, ça marche mieux sur IE8 mais je n'ai pas l'image du Header

ensuite j'ai aussi lancé le mode débogage (F12) que je ne connaissais pas! Smiley cligne
et j'ai ça
upload/52639-f12-ie.jpg

si je clique sur la 3 eme ligne

ça donne ça
(function($){if($.wpcom_proxy_request){return;}
var proxy,origin=window.location.protocol+'//'+window.location.hostname,proxyOrigin='https://public-api.wordpress.com',ready=false,supported=true,usingPM=false,structuredData=true,bufferedOps=[],deferreds={},check=function(event){structuredData='object'===typeof event.originalEvent.data;$(window).unbind('message',check);buildProxy();},buildProxy=function(){if(!usingPM){$(window).bind('message',receive);}else{pm.bind('proxy',function(e){receive(e);});}
proxy=document.createElement('iframe');proxy.src='https://public-api.wordpress.com/rest/v1/proxy#'+origin;proxy.style.display='none';$(proxy).bind('load',function(){var request;ready=true;while(request=bufferedOps.shift()){postRequest(request);}});$(document).ready(function(){$(document.body).append(proxy);});},receive=function(e){var event,data,deferred_id,deferred;if(!usingPM){event=e.originalEvent;if(event.origin!==proxyOrigin){return;}
data=structuredData?event.data:JSON.parse(event.data);}else{data=e;}
if(!data||typeof data.pop!='function'){return;}
deferred_id=data.pop();if('undefined'===typeof deferreds[deferred_id]){return;}
deferred=deferreds[deferred_id];delete deferreds[deferred_id];deferred.resolve.apply(deferred,data);},perform=function(){var request=buildRequest.apply(null,arguments);postRequest(request);return deferreds[request.callback].promise();},buffer=function(){var request=buildRequest.apply(null,arguments);bufferedOps.push(request);return deferreds[request.callback].promise();},postRequest=function(request){var data=structuredData?request:JSON.stringify(request);if(!usingPM){proxy.contentWindow.postMessage(data,proxyOrigin);}
else if(window.pm){pm({data:data,type:'proxy',target:proxy.contentWindow,url:'https://public-api.wordpress.com/rest/v1/proxy#'+origin,origin:proxyOrigin});}},buildRequest=function(){var args=jQuery.makeArray(arguments),request=args.pop(),path=args.pop(),deferred=new jQuery.Deferred(),deferred_id;if(jQuery.isFunction(request)){deferred.done(request);request=path;path=args.pop();}
if('string'===typeof(request)){request={path:request};}
if(path){request.path=path;}
do{deferred_id=Math.random();}while('undefined'!==typeof deferreds[deferred_id]);deferreds[deferred_id]=deferred;request.callback=deferred_id;request.supports_args=true;return request;};if(jQuery.inArray(typeof window.postMessage,['function','object'])!=-1){$(window).bind('message',check);window.postMessage({},origin);}else if(window.pm){usingPM=true;buildProxy();}else{supported=false;}
$.wpcom_proxy_request=function(){if(!supported){throw('Browser does not support window.postMessage');}
if(ready){return perform.apply(null,arguments);}else{return buffer.apply(null,arguments);}};$.wpcom_proxy_rebuild=function(){if(!ready)
return;ready=false;$(proxy).remove();buildProxy();};})(jQuery);


pour moi ça veut rien dire, mais pour vous... Smiley biggol

merci