Hola.
Lo primero, presentarme en este foro en el que espero poder tanto dar la lata a los que más saben como aportar lo (poco) que pueda aquí.
Y como siempre que llega uno nuevo tiene alguna pregunta que hacer, no voy a ser menos y aquí os la dejo.
Espero poder explicarme correctamente:
Vereis, tengo una página web de este tipo:
Código:
<html>
<body>
<div style='min-width: 100px; width: 100%; width: expression(document.body.clientWidth < 100? "100px" : "auto");'>
<table id="tabla1" style="white-space: nowrap; background-color: yellow; width: 100%;">
<thead>
<tr>
<th>aaaaa
</th>
<th>bbbbb
</th>
<th>cccc
</th>
</tr>
</thead>
<tbody>
<tr>
<td>aaaaa</td>
<td>bbbbb</td>
<td>ccccc</td>
</tr>
<tr>
<td>xxxx</td>
<td>yyyy</td>
<td>zzzz</td>
</tr>
</table>
<table id="tabla2" style="white-space: nowrap; background-color: red; width: 100%;">
<tbody>
<tr>
<td>ttttttttttttttttttt</td>
<td>uuuuuuuuuuu</td>
<td>kkkkkkkkkkk</td>
<td>ppppppppppp</td>
</tr>
<tr>
<td>ttttttttttttttttttt</td>
<td>uuuuuuuuuuu</td>
<td>kkkkkkkkkkk</td>
<td>ppppppppppp</td
</tr>
</tbody>
</table>
</div>
<div style="width: 100%; background-color: silver;">
Resto de la página XXXXXXXXXXXXX XXXXXXXXXX XXXXXXX XXXXXXXXX XXXXXXXXXXXX XXXXX XXXXXXXXXXX XXXXXX XXXX XXXXX
</div>
</body>
</html>
Como podeis ver, las tablas disponen de sendos nowrap, con lo que no se hacen más pequeñas al llegar a su límite.
El problema está en que el resto de la página sí que lo hace, es decir, aunque la tabla2 ya haya llegado al límite, si sigo haciendo más pequeña la ventana, la tabla1 se sigue haciendo más pequeña, así como el div inferior con todo su contenido.
¿Hay alguna forma de parar esto, de tal forma que cuando una de las tablas no pueda seguir haciéndose más pequeña, el resto de la página también quede congelada en ese tamaño?
Lo único que se me ocurre es meter todo dentro de una tabla, pero no me gusta la solución
Código:
<table style="white-space: nowrap;">
<tr>
<td>
<!-- AQUI TODO EL CUERPO DE LA PAGINA -->
</td>
</tr>
</table>
Espero que me hayais entendido.
Muchas gracias a todos.
Un saludo.