IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Cellule et word-wrap


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    261
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2004
    Messages : 261
    Par défaut Cellule et word-wrap
    J'observe une différence de comportement sur ce code entre Firefox et Internet Explorer
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  2. #2
    Membre éprouvé
    Avatar de Emyleen
    Femme Profil pro
    Webmaster
    Inscrit en
    Mars 2010
    Messages
    151
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 40
    Localisation : France, Aveyron (Midi Pyrénées)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mars 2010
    Messages : 151
    Par défaut
    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

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    261
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2004
    Messages : 261
    Par défaut
    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.

  4. #4
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Par défaut
    Et si tu dimensionnes ton tableau <table style="width: XXXpx;"></table>?
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    261
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2004
    Messages : 261
    Par défaut
    Hélas, toujours le même affichage.

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 208
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 208
    Par défaut
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    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>

  7. #7
    Membre éclairé
    Profil pro
    Inscrit en
    Janvier 2004
    Messages
    261
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2004
    Messages : 261
    Par défaut
    Parfait ! Merci beaucoup.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [C] comme faire WordBreak (word wrap) en EditControl?
    Par pc2-bresil dans le forum Windows
    Réponses: 2
    Dernier message: 15/12/2007, 01h08
  2. Réponses: 0
    Dernier message: 26/11/2007, 12h26
  3. Réponses: 2
    Dernier message: 15/06/2007, 10h55
  4. Word-wrap firefox et IE
    Par 20-a-box dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 12/12/2006, 15h49
  5. StringGrid, multiligne et word wrap
    Par Dajon dans le forum C++Builder
    Réponses: 7
    Dernier message: 17/09/2003, 17h15

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo