Tabla Incontrolable

[KnowDemon]

Hola,

Las celdas no pueden ser más pequeñas que el elemento en línea más pequeño que contengan, por tanto, si la palabra no se "corta", la celda adaptará siempre su tamaño.

Una solución alternativa está en colocar tu tabla en un div de forma que las barras de desplazamiento pertenezcan al div y no a la ventana del navegador. Así te puedes desplazar de izquierda a derecha dentro del div (para ver la tabla), sin hacer más ancha tu página.

Algo como:

<div class="especial">
<!-- Aquí va tu tabla -->
</div>

Asignale estas reglas CSS:

div.especial{
overflow: scroll;
}

P.D: No veo la necesidad de la tabla externa que posee tu código.