Come rendere la larghezza di una misura di colonna per il suo contenuto in modalità di compatibilità IE9?

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

  •  25-10-2019
  •  | 
  •  

Domanda

Ho la seguente tabella nel mio 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>

Voglio la prima larghezza della colonna nella seconda e terza fila per solo adattarsi alla lunghezza del contenuto (che è il motivo per cui ho messo width = "1px" lì). Nel mentre media, voglio larghezza della tabella al proprio adattarsi alla lunghezza del contenuto più lungo del tavolo (che è la prima fila), invece di estende al max-width della sua delimitazione div.

Funziona in Firefox e IE9 con modalità di compatibilità spento come mostrato di seguito.

firefox

Tuttavia, in IE modalità 9 compatibilità non funziona come previsto, come mostrato.

cioè modalità compatibilità

Per qualche ragione, non posso disattivare la modalità di compatibilità in IE9. Quindi c'è un modo per stile tavola come in modalità compatibilità?

Grazie in anticipo.

PS. Ho fatto una domanda simile senza enfatizzare la modalità di compatibilità IE9. Questa questione è sollevata dopo aver ricevuto le informazioni dalla domanda precedente. Non sono sicuro se devo unisco a questa domanda in quello precedente in quanto non v'è nuovo requisito. Fatemi sapere se v'è qualche consiglio.

È stato utile?

Soluzione

Quindi, guardare a ciò che ci hai fornito, se è così che è istituito nel file, si sta lavorando in modalità rigorosa e manca l'apertura e.

Per quanto riguarda la modifica della modalità di IE9, selezionare F12 e si può cambiare la modalità browser e del documento.

Inoltre, non dimenticare di aggiungere <meta http-equiv="X-UA-Compatible" content="IE=9" > alla testa.

Lo stile tabella dovrebbe essere spostato in CSS.

Si potrebbe anche provare:

Tabella: 

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

CSS: 

table.fixed { table-layout: fixed; }
table.fixed td { overflow: hidden; }
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top