Crea celle da tavolo "avide"?

Question

Ho una riga in una tabella che contiene 3 celle con i valori A, B e C e la tabella è tutta la larghezza dello schermo, che è più che sufficiente per tutte le 3. In questo momento, quando vengono visualizzate , tutte le celle ottengono 1/3 della stanza, ma questo non è quello che voglio. Voglio che la seconda e la terza cella siano la loro dimensione "corretta" e che la prima cella assuma la differenza. Non posso semplicemente impostare la larghezza su di loro perché sono dimensionati dinamicamente. Come posso fare questo?

Answer 1

ho provato metodi Diodeus e Rune di, ma non ha funzionato per il mio esempio. Ho finito per fare unire le celle B e C perché non riuscivo a trovare nulla. Grazie per l'aiuto.

Answer 2

Codice A e C in pixel e dare B una larghezza di 100%

Answer 3

Basta impostare la larghezza della tabella al 100%, la larghezza di A al 100% e B e C ad auto. provato e funzionando

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%">A</td> 
     <td width="auto">BB</td> 
     <td width="auto">CCC</td> 
    </tr> 
</table> 

Answer 4

prova,

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%" height="100" style="background:#ff0000; display:block">A</td> 
     <td width="100%" height="100" style="background:#00ff00; display:block">BB</td> 
     <td width="100%" height="100" style="background:#ff00ff; display:block">CCC</td> 
    </tr> 
</table> 

Answer 5

La risposta di Rune con il commento di Pistos mi ha avvicinato. L'ultimo passo è stato quello di aggiungere style = "white-space: nowrap" per le colonne non avidi, dando:

<table border="1px" width="100%"> 
    <tr> 
     <td width="100%">A wide column</td> 
     <td style="white-space:nowrap">Compact column 1</td> 
     <td style="white-space:nowrap">Another compact column</td> 
    </tr> 
</table> 

funziona per me in Firefox 25.