J'ai essayé de faire des recherches à ce sujet, mais en vain. Le code que j'ai a été fourni par un gars très gentil sur le site et j'ai ensuite modifié les attributs pour que les éléments que j'avais s'insèrent là où ils devaient aller, cependant, tout fonctionne bien dans tous les navigateurs, c'est-à-dire, sauf IE - à peu près toutes les versions. J'ai lancé le débogage dans IE9 et j'ai reçu cette erreur "
SCRIPT438 : L'objet ne supporte pas la propriété ou la méthode 'debug'.
La section du code à laquelle il se réfère est la suivante
function resizeContent() {
// Retrieve the window width
var viewPortWidth = $(document).width();
var viewPortHeight = $(document).height();
$(".content").each(function(index, element) {
var jElement = $(this);
if (jElement.hasClass(currentContentColor)) {
console.debug('resize content selected (' + (viewPortWidth - 160) + ')');
// If current content, juste resize the width and height
jElement.css({
width: (viewPortWidth - 160) + "px",
height: viewPortHeight + "px"
});
}
else {
console.debug('resize content (' + (viewPortWidth - 160) + ')');
// If not current content, resize with, height and left position
// (keep content outside)
jElement.css({
width: (viewPortWidth - 160) + "px",
left: viewPortWidth + "px",
height: viewPortHeight + "px"
});
}
});
}
La ligne spécifique en question est
console.debug('resize content (' + (viewPortWidth - 160) + ')');
Ou du moins, c'est ce qu'IE dit être le problème.
Existe-t-il une solution de contournement pour ce problème et pour IE ? J'apprends lentement, mais cela dépasse de loin tout ce que je sais. J'ai cherché l'erreur de débogage sur Google et ici, mais je n'ai rien trouvé.
Le site est http://www.crazyedits.co.uk
Je vous remercie par avance de toute l'aide que vous pourrez apporter à ce sujet.