2011-01-26 15 views

risposta

7

Dovrai avvolgere il contenuto di td in un div e impostare la larghezza e l'altezza di tale div, non è possibile nascondere il contenuto di overflow.

http://jsfiddle.net/Wx58E/

+0

Questa sembra essere una buona soluzione, grazie. Funziona anche con overflow-y ... http://jsfiddle.net/Wx58E/1/ – Zardoz

0

È possibile utilizzare di overflow-y: hidden;

+0

Sembra non funzionare: http://jsfiddle.net/jkXBH/4/ (almeno in Firefox 3) – Zardoz

+0

L'area che si estende a destra è div2, che si definisce a 200px; – TheGeekYouNeed

+0

Sì, # td1 dove # div1 si trova ha l'overflow-y, ma # div1 (barra gialla) non cresce oltre il td. – Zardoz

0

Impostare la proprietà max-width css su ogni td class per troppo pieno al lavoro, non div necessari

td 
{ 
    max-width: 100px; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
} 

Per IE è necessario avere questo in voi html per riparare IE resa specifica problema (fino a IE9)

<!--[if IE]> 
<style> 
    table 
    { 
     table-layout: fixed; 
    } 
</style> 
<![endif]--> 
Problemi correlati