Discussion :

[topdawg]

Bonjour à tous,
pour mon premier post sur les forums, je ne ferai pas très original: problème de compatibilité CSS entre navigateurs... et comme bien souvent d'après les posts de forums sur lesquels j'ai pu tomber, le "coupable" est IE.

En court et bref, je souhaite savoir s'il y a un élément de style à appliquer à une balise td (ou sa classe de style CSS) pour forcer le non passage à la ligne sous IE7. Mon problème est que j'affiche des données avec un datagrid Dojo; l'affichage rendu est bien celui que j'attendais sous Opera (9.63), Firefox (3.0.5) et Safari (3.2.1) (fig. 1) mais pas sous IE7 (fig. 2)! Comme j'ai mis en place un tooltip automatique qui affiche tout le contenu des cellules, il n'y a pas besoin d'étaler certaines cellules sur plusieurs lignes et agrandir ainsi leur hauteur.

Figure 1:


Figure 2:


Comme "white-space: nowrap" interdit de passer une chaîne trop longue à la ligne et se contente de la couper, je l'ai rajouté au style utilisé par les cellules (tag td). Mais apparemment, Microsoft a dû juger que c'était pas important à implémenter.

Y a-t-il un moyen d'obtenir ce que je souhaite (affichage sur une seule ligne de chaque cellule, quelle que soit la longueur de son contenu) ?

Merci.

P.S. je connais déjà word-wrap mais cet élément de style définit la façon de couper les mots lors des retours à la ligne or je ne veux pas de passage à la ligne.

[GihefBey]

Bonjour,

As-tu essayé en plaçant tes textes dans des <p> et en leur appliquant quelques restrictions ?

Du genre

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<td><p>texte de grande longueur...</p></td>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
    td p {
      margin : 0;
      height : 1em;  /* ou mieux adaptée */
      overflow : hidden;
      }

-

[topdawg]

Bonjour,
je viens de passer des heures sur ce problème et la seule solution que j'ai pu lire est d'inclure le contenu du texte dans une subdivision logique (div, span, etc.)... c'est peut-être bien en termes de rendu mais en termes logiques, c'est complètement débile. Pas la solution, mais le fait que IE oblige à ce genre de choses.

Pour ma part, faire ça reviendrait à devoir modifier le code JavaScript, notamment la partie génération de code html, de Dojo... usine à gaz par excellence. J'en aurais peut-être pour des jours à localiser l'emplacement exact des deux lignes de code qui produisent les tags td. Sans compter l'influence que ça aura sur les autres navigateurs ou le reste du code quand il s'agira de rajouter des tooltips ou des menus... Alors que si une obscure option (du même genre que word-wrap) existait, ça m'arrangerait. Mais bon, avec IE, je me fais pas trop d'illusions.

Merci de ta réponse GihefBey.