28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'utilise la propriété word-wrap: break-word sur les cellules d'un tableau.
Les cellules ont une taille définie (width) et une taille max (max-width)

Quand le texte est trop long, la propriété word-wrap agit bien sur safari, firefox, ie6, ie7 mais pas sur ie8.

Je n'ai trouvé aucunes solutions sur le web.

Avez-vous déjà rencontré ce problème? Smiley eek
Modifié par doubleface (09 Jun 2010 - 15:16)
Administrateur
Après quelques tests, cela fonctionne à une double condition :
- que le tableau ait une largeur fixée
- que l'on applique un table-layout: fixed au tableau

Démo (tout en bas) : http://ie7nomore.com/fun/wrapping/
Modifié par Raphael (09 Jun 2010 - 11:33)
Oui mais avec un table-layout: fixed toutes les colonnes auront la même largeur. Même si on définie une taille différente pour chaque.

Pour ma part j'ai contourné le bug en mettant un span en display block à l'intérieur des td.
Et le word-wrap sur le span.
Administrateur
doubleface a écrit :
Oui mais avec un table-layout: fixed toutes les colonnes auront la même largeur. Même si on définie une taille différente pour chaque.

Normalement non, sauf cas particuliers.

Après tests, je confirme : non, toutes les colonnes n'ont pas la même largeur. Si on spécifie une taille pour certaines, cette taille est respectée.
Modifié par Raphael (09 Jun 2010 - 12:17)
Oui d'après la définition de table-layout ça devrait prendre en compte les tailles définies.
Dans mon cas ça marche pas Smiley decu

C'est pas grave, je m'en sors avec l'astuce du span Smiley smile
Administrateur
Ton cas doit être spécifique en effet.

J'ai testé sur http://ie7nomore.com/fun/wrapping/ en indiquant des largeurs fixes à l'une ou l'autre cellule et tout fonctionne bien.

PS : tu considères que ton sujet est [résolu] ? Smiley cligne
Modifié par Raphael (09 Jun 2010 - 13:03)