jquery et internet explorer

Bonjour, je suis en train de developper un widget blogger avec jquery. Au moment ou je le pensais terminé je me suis rendu compte que sous internet explorer mes textes ne s'affichent pas et une partie du css non plus.

Je vous montre la ligne qui pose problème à mon sens:

Code:

---

1 2 3

var contenu2 = "<span style=width:120px;display:block;position:relative;width:120px;height:135px;overflow:hidden;bottom:127px;left:151px;><a href=\"" + lien_article2 + "\"><img src=\"" + image + "\" height=\"70\" widht=\"70\" /></a><p>" + titre + "</p></span>"; $("div[title=test]:eq(" + a + ")").append(contenu2);

---

Avec ce code les images s'affichent mais pas ce qui est entre les balises <p> et je pense que le css dans les balises span aussi bug car meme si mes images sont alignées elles sont completement décalées à droite.

Si quelqu'un connait les problèmes rencontrés avec IE ou si quelqu'un à un début de solution je suis preneur.

c'est plus un souci de css pur non ?

Non en fait je me suis rendu compte grace à la console d'internet explorer que IE ne prenait pas en compte mes balises ouvrantes apres </a>. J'ai essayer de changer de balise, de metre des div vides apres la balise </a> de changer mes balises span en div mais rien n'y fait.

Il comprend mes balises fermantes mais pas les ouvrantes et je ne sais pas du tout pourquoi.
Est-ce que c'est le css ou mes balises qui causent ce bug je n'en ai aucune idée.
Je precise que le code que j'ai mis est repete par une boucle plusieurs fois. Il semblerai d'apres mes test que la repetition pourrait avoir une influence car separement il semble que si j'essaie de n'afficher qu'une de ces lignes de codes dans ma div ca marche.

Si quelqu'un a une idée à tester ou a eu un bug de ce genre je suis ouvert à toutes propositions de solutions.

Hello,

Citation:

---

Envoyé par scapa2a

Code:

---

1 2	var contenu2 = "<span style=width:120px [...] ;left:151px;><a href=

---

---

C'est normal qu'il n'y ait pas de ' entre le = et le width ainsi qu'avant le >?

Bonjour,
tu as un problème de création de ligne avec les " manquants autour des valeurs des attributs

Code:

---

<span style=width:120px;display:block;position:relative;width:120px;height:135px;overflow:hidden;bottom:127px;left:151px;>

---

devrait s'écrire

Code:

---

<span style="width:120px;display:block;position:relative;width:120px;height:135px;overflow:hidden;bottom:127px;left:151px;">

---

Une alternance entre les simples quottes et les doubles quottes harmonieuse pourrait être celle ci

Code:

---

var contenu2 = '<span style="width:120px;display:block;position:relative;width:120px;height:135px;overflow:hidden;bottom:127px;left:151px;"><a href="' + lien_article2 + '"><img src="' + image + '" height="70" widht="70" /></a><p>' + titre + '</p></span>';

---

Maintenant concernant le CSS la position relative peut poser problème suivant le conteneur et attendu qu'il y a un bottom:127px, mais sans le contexte général ????

Premièrement merci à tous pour vos réponses.Malheureusement le problème ne semble pas venir de mon css. L'absence de double quote apres style= ne change rien au final et quand j'alterne les simples quotes et doubles quotes le résultat est terrifiant car les simples quotes sont interpetrées comme des doubles.Il ne semble pas y avoir de différences entre simple et double au moment de l'interpretation du code.

Toutefois apres de nombreux test j'ai reussi à trouver l'origine du problème.Il semblerai que ce soit la methode .text() que j'utilise pour créer la variable titre qui renvoie un valeur qui n'est pas de type texte ou une valeur non conforme ce qui fait buger la balise <p> de ma ligne de code.
Je vous montre comment ma variable titre est crée:

Code:

---

1 2	var titre = $(im).find("title:eq(2)").text();

---

A savoir que quand je change .text() par .html() j'obtiens toujours le bon résultat sous mozilla ou chrome mais j'obtiens un null avec IE7.
Pour info im est le resultat d'une fonction $.get qui renvoie du xml.
J'ai cherché sur le net et il parait que la methode .text() ne marche pas tres bien sous IE.
Si quelqu'un connait une solution pour se passer de .text() ou de corriger le bug je lui serait eternellement reconnaissant.

as tu vérifier qu'il n'y avait pas de caractère à échapper dans ton titre?

Citation:

---

J'ai cherché sur le net et il parait que la methode .text() ne marche pas tres bien sous IE.

---

le mieux et de tester avec la dernière version de la bibliothèque pour ce faire une VRAI idée.

Une autre piste de recherche et d'essayer d'ajouter les éléments plus proprement ;)