Colonne fisse e testo a capo

[Aires]

Ciao gente ho cercato e non sto riuscendo a risolvere. Probabilmente è una banalita ma sono fuso!


Ho una tabella con 5 colonne, due di queste contengono un campo testo, se il testo è lungo e senza spazi mi si deformava la colonna allora ho aggiunto l'attributo table-layout:fixed cosi le colonne non si sfasavano però ora mi esce il testo dalle colonne!
Come posso fare per via che lo mandi a capo oppure lo tronchi?

[Peppe psp]

hai provato la proprietà overflow?

[Aires]

Ho provato con l'overflow verticale ma non mi ha fatto nulla. Riprovo quella strada un salto.

Edit: Niente, ho provato a settare overflow-y: auto; e anche overflow-x: auto; ma niente

[Peppe psp]

prova con overflow-x: scroll; oppure postami il codice sorgente

[Aires]

Niente da fare

Css

 
.tabella { table-layout:fixed; font-family: verdana, Arial,sans-serif;	overflow-y: auto; overflow-x: auto; color: #626262;	font-size: 12px; border-collapse: collapse;	border: 1px solid #BDBDBD;	margin-bottom: 20px; }
.tabella th, .tabella td { border-right: 1px solid #BDBDBD; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; padding-top: 2px; }
.tabella th { background-color: #DADADA; border-bottom: 1px solid #999999; font-weight: bold; white-space: nowrap; text-align: left; }
.tabella td { border-bottom: 1px solid #e1e1e1;	cursor:pointer;	}

Tabella

<table class="tabella" width="95%" border="1">                         
<tr>             
    <th width="20%"> Campo 1 </th>     
    <th width="31%"> Campo 2 </th>
    <th width="31%"> Campo 3 </th> 
    <th width="10%"> Campo 4 </th> 
    <th width="10%"> Campo 5 </th>             
</tr>
<tr>             
    <td width="20%"> Bla Bla Bla </th>     
    <td width="31%"> abcdefsdadadasdsa ad a dad ad ada da ad a </th>
    <td width="31%"> sasdadddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaawwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww </th> 
    <td width="10%"> Bla bla bla </th> 
    <td width="10%"> Bla bla bla </th>             
</tr> 

[Myaku]

leggi qua: word-wrap. dai un'occhiata anche ai commenti, che ho intravisto qualche appunto sull'utilizzo in celle di tabella

[Aires]

Grandiosa!
Perfetto, grazie mille ad entrambi!