Bonjour à tous !

Je suis en train de faire une page web avec un peu d'ajax (c'est pas vraiment de l'ajax pour la partie qui me pose problème étant donné que j'utilise pas du xml mais peu importe...) derrière, et je suis confronté à un problème dont je n'ai trouvé aucune solution après beaucoup de recherches !

Je m'en remets donc à vous

Le problème est simple. Dans ma page j'ai un div qui contiendra une liste d'intitulés de messages :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<div id="liste-messages"></div>
Dans le onload de la page j'appelle une fonction javascript qui va se charger de créer le xmlHttpRequest. Avec celui-ci j'appelle mon script PHP qui me renvoie directement l'HTML que je récupère avec responseText et que je place dans le innerHTML du div déjà cité :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
  if(_xmlHttp) 
  {
    //appel à l'url distante
    _xmlHttp.open("GET", "./getmessages.php?debut=" + debut + "&nombre=" + nombre, true);
 
    _xmlHttp.onreadystatechange = function() 
    {
      if(_xmlHttp.readyState == 4 && _xmlHttp.responseText) 
      {
		document.getElementById("liste-messages").innerHTML = _xmlHttp.responseText;
      }
    };
    // envoi de la requête
    _xmlHttp.send(null)
  }
Bon jusque là je n'ai aucun problème ! Le HTML est bien ajouté dans mon div et il s'affiche sur ma page.

Le problème c'est que j'ai défini des styles CSS dans une feuille de style externe qui sont censés s'appliquer aux div que mon script PHP me renvoie, et sous IE ces styles ne sont pas appliqués au contenu que j'ajoute grâce au javascript ! (aucun problème aec Firefox)

J'ai essayé de bidouiller en recopiant les styles dans les données renvoyées par le script PHP, au dessus des div, mais ça ne marche qu'à moitié et franchement ça me plait pas trop de faire ça....

Est-ce que quelqu'un a déjà eu ce problème ? Ou bien ne l'a pas mais connaît une solution ?

Si vous avez besoin de plus de détails n'hésitez pas à me demander