8
votes

Largeur de table HTML dans IE?

J'utilise la table pour afficher un ensemble de données, mon code HTML va ici ...

<table border="1" cellspacing="0" cellpadding="0" style="width: 780px;">
  <tbody>
    <tr>
      <td style="width: 780px; height: 25px;">
        <pre width='100' style='width: 780px; word-wrap: break-word;'>
            the data goes here.....
        </pre>            
      </td>
    </tr>
    <tr>
      <td style="width: 780px; height: 25px;">
        <pre width='100' style='width: 780px; word-wrap: break-word;'>
            the data goes here.....
        </pre>            
      </td>
    </tr>
  </tbody>
</table>

html css html-table

0 commentaires

5 Réponses :

0
votes

Essayez

<table border="1" cellspacing="0" cellpadding="0" width="780">

1 commentaires

S'agit-il que le seul contenu de votre page peut être que cela se produit à cause de vous l'utiliser dans certains div.check, ce qui se passe avec le seul code donné si pas le cas.

0
votes

Je viens de tester simplement à l'aide de votre HTML et il semblait identique dans IE6, IE8 (mode de compatibilité) et IE8 (mode normal) ainsi que la même chose dans Firefox.

Quelque chose d'autre sur votre page Web doit affecter la mise en page , alors s'il vous plaît poster un exemple complet.

C'est l'exemple complet que j'ai testé. xxx

2 commentaires

En fait, cette table est formée de manière dynamique à l'aide de PHP ... Il y a des headers.php, des pieds basse.php et content.php formant cette page ...

D'où l'importance de nous montrer la page entière afin que nous puissions recréer le problème.

2
votes

Le problème est résolu, car j'ai utilisé le code comme xxx

dans le code ci-dessus, il y a trois modifications ...

Dans la balise de table, l'attribut width est défini (la définition plutôt dans l'attribut style)
Col Tag est défini avec la largeur identique à la largeur de la table
et dans le style de TD, le débordement est réglé sur caché (débordement: caché).
J'ai eu cette information du lien indiqué ci-dessous, veuillez vérifier tout le monde ... " http://www.tek-tips.com/faqs.cfm?fid = 4499 " et donc mon problème a été résolu.

0 commentaires

2
votes

Vous pouvez également essayer le style Word-break: pause-tout;

2 commentaires

J'ai résolu mon problème ... par la réponse ci-dessus ... et j'essaierai d'utiliser la règle de Word-Break, et de vérifier si cela fonctionne avec tous les navigateurs ... et merci @Rodeo Ramsey ...

Où est-ce que ce style est censé être appliqué? besoin de voir un exemple

19
votes

Utilisez le CSS ci-dessous et cela devrait empêcher votre table dépassant la taille maximale que vous définissez:

table{
  table-layout:fixed;
}

1 commentaires

La disposition de la table n'a pas fonctionné pour moi, en essayant le a fait le travail.