Cellule et word-wrap [Résolu]

[pierre50]

J'observe une différence de comportement sur ce code entre Firefox et Internet Explorer

Code :

1
2
3
4
5
6
7
8
9
<table border="1">
  <tr>
    <td  >
	  <div style="width: 100px;  word-wrap: break-word; ">
	    Anticonstitutionnellement... 
	  </div>
	</td>
  </tr>
</table>

Les deux navigateurs affichent bien la césure au bout de 100 px
Anticonstitutionn
ellement

mais le comportement est différent sur l'affichage de la bordure du tableau.

Firefox encadre de façon serrée le mot tronqué soit
|Anticonstitutionn|


tandis que IE affiche de nombreux espaces après la coupure et donc un tableau beaucoup plus large
|Anticonstitutionn...................|

Comment faire pour que IE ait le même affichage que Firefox ?

Merci à tous

[Emyleen]

Bonjour,

Essaye de mettre la taille de ta div à ta cellule td, je penses que ie et firefox n'ont pas les même réglages par défaut en ce qui concerne les tableaux

[pierre50]

Merci pour le coup de pouce. Mais un <td width="100" > hélas ne résoud pas le problème. comme vous pouvez le voir ici.

[Torgar]

Et si tu dimensionnes ton tableau <table style="width: XXXpx;"></table>?

[pierre50]

Hélas, toujours le même affichage.

[NoSmoking]

Code html :

1
2
3
4
5
6
7
8
9
<table border="1">
  <tr>
    <td>
      <div style="width: 100px;  word-wrap: break-word; overflow:hidden">
        Anticonstitutionnellement...
      </div>
    </td>
  </tr>
</table>

[pierre50]

Parfait ! Merci beaucoup.