Comment faire la largeur d'un ajustement de la colonne à son contenu en mode de compatibilité IE9?

StackOverflow https://stackoverflow.com/questions/8306114

  •  25-10-2019
  •  | 
  •  

Question

Je le tableau suivant dans mon code HTML. 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<style type="text/css">
    table, td, tr, th{
        border:1px;
    }

    .onepx{
        width:1px;
    }
</style>


<div style="max-width:700px;">
    <table>
        <tr><td colspan="2">this is a loooooooooooooooong text</td></tr>
        <tr><td class="onepx">a:</td><td>b</td></tr>
        <tr><td class="onepx">c:</td><td>d</td></tr>
    </table>
<div>

Je veux la première largeur de colonne dans la deuxième et troisième rangée juste fonction de la longueur du contenu (qui est la raison pour laquelle je mets width = « 1px » là-bas). Pendant ce temps, je veux largeur de la table à juste adapter la longueur du plus long contenu dans la table (qui est la première ligne) au lieu de couvrant au maximum la largeur de la div de délimitation.

Il fonctionne dans Firefox et IE9 avec le mode de compatibilité désactivé comme indiqué ci-dessous.

firefox

Cependant, dans le mode IE 9 compatibilité, il ne fonctionne pas comme prévu, comme indiqué.

ie mode de compatibilité

Pour une raison quelconque, je ne peux pas désactiver le mode de compatibilité dans IE9. Ainsi est-il un moyen de style de la table en mode de compatibilité?

Merci à l'avance.

PS. J'ai posé une question similaire sans insister sur le mode de compatibilité IE9. Cette question est soulevée après avoir reçu l'information de la question précédente. Je ne sais pas si je dois fusionner cette question dans le précédent car il est nouvelle exigence. Permettez-moi de savoir s'il y a des conseils.

Était-ce utile?

La solution

Ainsi, la recherche de ce que vous avez fourni, si c'est la façon dont il est mis en place dans votre dossier, vous travaillez dans le mode strict et manquant l'ouverture et.

En ce qui concerne changement de mode IE9, sélectionnez F12 et vous pouvez changer le mode de navigation et document.

En outre, ne pas oublier d'ajouter <meta http-equiv="X-UA-Compatible" content="IE=9" > à votre tête.

Le style de la table doit être déplacé vers CSS.

Vous pouvez également essayer:

Tableau: 

<table class="fixed">
    <col width="10px" />
    <tr>
        <td>text</td>
    </tr>
</table>

CSS: 

table.fixed { table-layout: fixed; }
table.fixed td { overflow: hidden; }
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top