si, claro:
tengo definida la tabla de esta manera
<tabla>
<thead>
</thead>
<tr>
<th> col1 </th>
<th class="ancho"> col2 </th>
<th class="ancho"> col3 </th>
<th class="ancho"> col4 </th>
<th class="ancho"> col5 </th>
<th class="ancho"> col6 </th>
<th class="ancho"> col7 </th>
<th class="ancho"> col8 </th>
<th class="ancho"> col9 </th>
</tr>
<tbody>
<tr style="height:40px">
<td><div>Dato1</div></td>
<td class="ancho">Dato2</td><td class="ancho">Dato3</td><td class="ancho">Dato4</td>
<td class="ancho">Dato5</td><td class="ancho">Dato6</td><td class="ancho">Dato7</td><td class="ancho">Dato8</td>
<td>Dato9</td>
</tr>
</tbody>
</table>
Entonces, Una tabla, 9 columnas, una fila de datos, en la primera celda hay un div, que se puede actualizar por xajax.
Tengo puesto: col2,col3,col4,col5,col6,col7,col8,col9 un ancho fijo en px:
class="ancho"
css:
.ancho { width: 80px } (Realmente cada columna lleva uno diferente)
La altura de la tr de datos la he puesto en 40, aunque realmente me gustaria que como minimo fueran 40, si los datos de la primera celda (Datos1 en el ej) fuesen muy largos, una vez que se ha ampliado a lo ancho a tope, se separaran en varias lineas (las que hicieran falta).
Ahora en firefox funciona, pongo en lugar del texto Datos1 algo muy largo (con o sin espacios) via xajax y funciona perfecto, las columnas no cambian de tamaño, la col1 se adapta al espacio disponible en la pantalla, si es muy largo se dividen en varias lineas a lo alto......
En el IE y ghrome, el ancho de col1 se amplia correctamente: redimensiono el navegador y se ve que se hace grande y pequeño.
PERO si cambio Datos1 por un texto grande, las columnas no permanecen con el mismo tamaño y no dividen el texto en varias lineas bien. (La tabla se va tamaño por la derecha).
Sabes lo que quiero decir?
MIL GRACIAS (o+)
Un saludo