Tabla Incontrolable

[maurilara]

Hay alguna manera de que esta tabla no haga scroll horizontal debido a que en las celdas tiene contenido de texto sin espacios entonces crecen las columnas sin control, necesito que la tabla no haga scroll horizontal

Adjunto codigo para que me puedan guiar

<table width="100" border="1">
<tr>
<td width="100">
<table width="100" border="1" cellpadding="0" cellspacing="0" rules="all" id="dg" >
<tr >
<td width="5">id_archivo</td>
<td width="5">codigo_archivo</td>
<td width="5">codigo_area_archivo</td>
<td width="5">autor_archivo</td>
<td width="5">nombre_archivo</td>
<td width="5">descripcion_archivo</td>
<td width="5">numero_archivo</td>
<td width="5">estado_archivo</td>
<td width="5">revision_archivo</td>
<td width="5">path_archivo</td>
<td width="5">fecha_archivo</td>
<td width="5">departamento_archivo</td>
<td width="5">ubicacion_archivo</td>
<td width="5">tipo_archivo</td>
</tr>
<tr style="color:Black;background-color:White;">
<td>230</td>
<td><p>601100186-E-A grandegrandegrandegrandegrandegrandegrandegrandegr andegrandegran.doc</p></td>
<td>01</td>
<td>Mauricio Lara</td>
<td>grandegrandegrandegrandegrandegrandegrandegran degrandegrandegran</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>E</td>
<td>Daniel Cambronero</td>
<td>archivos/PRESIDENCIA/601100186-E-A grandegrandegrandegrandegrandegrandegrandegrandegr andegrandegran.doc</td>
<td>10/28/2005 12:00:00 AM</td>
<td>PRESIDENCIA</td>
<td>grandegrandegrandegrandegrandegrandegrandegran degrande</td>
<td>Público</td>
</tr>
<tr style="color:Black;background-color:White;">
<td>102</td>
<td>601100061-E-A grande.zip</td>
<td>01</td>
<td>Mauricio Lara</td>
<td>grande</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>E</td>
<td>Mauricio Lara</td>
<td>archivos/PRESIDENCIA/601100061-E-A grande.zip</td>
<td>7/27/2005 12:00:00 AM</td>
<td>PRESIDENCIA</td>
<td>Archivador 2000</td>
<td>Público</td>
</tr>
</table></td>
</tr>
</table>

[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.