Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde gostaria de saber como deixar o tamanho da celula fixa, nao importando a quantidade de texto que existe dentro dessa célula. Obrigado
Olá Gabriel,
Olha só se você quer q fique tamanho fixo apenas na horizontal você pode usar:
<td style="width:200px;"> texto </td>
mas, se você precisa q fixo horizontal e vertical sugiro usar dentro da celula um div com scroll
espero ter ajuadado.
segue uma tabela com os dois exemplos.
<table border="1" >
<tr>
<td style="width:200px;"> teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td style="width:200px;">
<div style="width:100%; height:80px; overflow:auto;">
teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste
</div>
</td>
</tr>
</table>Aproveitando o código do Tytonn com algumas melhorias.
CSS
.celula_fixa {
width: 200px;
height: 80px;
overflow: auto;
}<table border="1" >
<tr>
<td class="celula_fixa">teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
</tr>
</table>CSS
.tb_celula_fixa td {
width: 200px;
height: 80px;
overflow: auto;
}<table border="1" class="tb_celula_fixa">
<tr>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
</tr>
<tr>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
</tr>
</table>Ou se for uma linha inteira
CSS
.linha_celula_fixa td {
width: 200px;
height: 80px;
overflow: auto;
}<table border="1">
<tr class="linha_celula_fixa">
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
</tr>
<tr>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
</tr>
<tr>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
</tr>
<tr class="linha_celula_fixa">
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
<td>teste teste teste testeteste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste teste</td>
</tr>
</table>http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Cara muito obrigado, consegui resolver, obrigado á todos...
Se não me engano, mesmo você definindo um width ela aumenta, não é? Basta definir, então, um a propriedade overflow.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif