Foros del Web » Creando para Internet » HTML »

Tabla Incontrolable

Estas en el tema de Tabla Incontrolable en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 28/10/2005, 17:25
 
Fecha de Ingreso: febrero-2002
Mensajes: 8
Antigüedad: 15 años, 10 meses
Puntos: 0
Tabla Incontrolable

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>
  #2 (permalink)  
Antiguo 28/10/2005, 23:52
Avatar de KnowDemon  
Fecha de Ingreso: julio-2004
Ubicación: Ciudad de México
Mensajes: 544
Antigüedad: 13 años, 5 meses
Puntos: 2
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.

__________________
Mi pequeño espacio en la web: VisiónE
"El cosmos es todo lo que es, todo lo que fue, y todo lo que será alguna vez."
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:56.