Muy buenas,

Estoy haciendo una cabecera fija para tablas con listado. Ya he conseguido que funcione la cabecera fija, pero me he encontrado un problema al introducir la tabla dentro de otra tabla.

Cuando utilizo una unica tabla, cuando los datos de las celdas desbordan el tamaño del ancho (width) de la pantalla, el scroll que tengo en la capa div se hace automaticamente sin generarme ningun scroll de ventana.

Cuando utilizo el mismo codigo pero con una tabla madre y luego el codigo anterior dentro de un TD, ya no funcina igual y aparece un scroll horizontal en la ventana.

Alguna idea???...gracias y un saludo

Codigo Correcto:

<div id="cambio2" align="left" style="border-style:solid; border-width:2px; width:100%; overflow:auto;">
    <table align="left" style="border-style:solid; border-width:1px;">
    <tr>
        <td>desbordaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa</td>
        <td>desbordaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa</td>
        <td>desbordaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa</td>             
    </tr>
    </table>
</div>

Codigo Incorrecto (no deseable)

<table border="1">
<tr>
    <td>Normal</td>
    <td>
        <div id="cambio" align="left" style="border-style:solid; border-width:2px; width:100%; overflow:auto;">
            <table align="left" style="border-style:solid; border-width:1px;">
            <tr>
                <td>desbordaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa</td>
                <td>desbordaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa</td>
                <td>desbordaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaa</td>
            </tr>
            </table>
        </div>
    </td>
</tr>
</table>

A tablas y celdas (<table> y <td>) tambien se puede definir la propiedad width: no la usas?

En el segundo código has metido un width="100%" en el <div>, pero eso lo único que hace es agrandar el div al 100% de lo que mida el <table> en el que está el <div>, y como el <table> no tiene medida se ajustará al contenido del <div>.

Es decir, si quires definir el ancho respecto a la página utiliza ese atributo en todos los <table> que haya antes del <div> también.

Gracias por las respuestas pero...

La primera respuesta no se exactamente que quieres que haga. Los atributos de los objetos a los cuales haces referencia los conozco sobradamente, pero no se que tipo de ayuda es la que me quieres indicar con esto.

En cuanto a la segunda respuesta te lo agradezco, de veras. He puesto y quitado width de todos lados en todas las combinaciones posibles. Pero si os habeis fijado, he incluido un codigo para poder ir perfecionandolo con la ayuda de los foristas y lo unico que me habeis dado son puntualizaciones que llevadas a la practica no funcionan.

A lo que me pregunto, ¿habeis probado el codigo antes de escribirme?. Yo personalmente, primero pruebo y luego intento dejar clara la solucion mediante codigo o con puntualizaciones concretas en el codigo donde falla, pero si vuestro aporte es irme diciendo cosas que creeis o pensais que pueden ser y que yo vaya probando para ver si cuela...pues no le veo el sentido.

No quiero que os lo tomeis a mal, me gustaria que estos foros fuesen buenos, con respuestas profesionales y no con intuiciones que ni tan siquiera os habeis molestado en probar. Yo personalmente lo hago pero claro, no todos somos como yo ni yo soy como todos y por supuesto no me creo perfecto, porque sino no estaria pidiendo ayuda...

Muchas gracias y un saludo

Tu problema tiene varias soluciones posibles, dependiendo de:

1- como estén anidados los divs y tablas (y el nivel de anidamiento);

2- el empleo de estilos (inline o usando hojas en cascada), y la eficiencia en su uso; y

3- las combinaciones que hagas entre estos.

algunas darán por resultado lo que necesitas, el resto no.

Y aclaro que el aporte es para orientarte en la búsqueda de la solución (no para brindar 'la solución').

Y por lo de perfecto: no te disculpes, está claro que nadie lo es (sino deberíamos pedir disculpas todos por algo que es una obviedad).

Saludos

Muy buenas,

Los puntos 1 y 2 os los he dado nada mas empezar este tema. Puedes ver perfectamente el nivel de anidado y todo el html completo. Las observaciones que haces se anulan porque son obvias, se pueden ver sin tener que formular teorias. Asi que no entiendo tus dos primeras puntualizaciones. El tercer punto es teoria sin que me aporte nada de lo que ya sabia al principio.

Repito, busco respuestas profesionales, no se que tipo de respuesta puede ser lo que me has dicho cuando tienes el codigo delante de ti.

Si yo fuese alguien que sabe la solucion no le diria:

Pruena el ancho de los width o las tablas anidadas dan problemas o las capas en algun explorador no efectua bien los tamaños. Eso para mi no es darme aporte alguno a lo que ya estoy demandando, me parece un poco vanal hacer observaciones de ese tipo, no se si me entiendes.

Aun asi, muchas gracias por el tiempo dedicado.

Un saludo.

Si quieres respuestas profesionales pregunta en otro foro.

No podemos saber lo que conoces o dejar de conocer, solo sabemos que has hecho una tabla en la que falla el ancho, y que si alguien tiene ALGUNA IDEA de cómo arreglarlo, ¿te parece que has pedido una respuesta concreta?

Por otra parte, ¿pretendes que otro lo haga todo por ti por el único echo de que le has puesto el código que te falla?, aquí no le pagan a nadie por ayudar.

No es necesario una respuesta profesional; aprendices y amateurs ya dan solución a problemas como este....

Suerte.

Buenas,

Cualquier opinion es valida, pero algunas opiniones no llevan a ningun sitio y pueden ser originarias de amaters como de profesionales, lo importante es que sean solucion.

Si vosotros decis que las opiniones valen aunque no den el resultado pero al menos sean una guia a seguir, vale, bienvenidas sean. Pido disculpas entonces por ser demasiado exigente y por querer tener una respuesta concreta a un problema concreto.

Ya he estado por otros foros, pero este problema aun no lo resuleven. Por supuesto que no quiero que hagas nada por mi, solo pido ayuda, asi que en ningun momento obligo a nadie a hacer nada, solo hago inciso en que me gustaria que las respuestas fuesen mas concretas.

Pondre un ejemplo: si pido ayuda para que me digan un metodo para obtener un atributo declarado en una clase css, es para que me digan cual es ese metodo. Si las respuestas que me dan es "las clases de los css son muy variables dependiendo del navegador"...pues me quedo igual y prefiero que no me digan nada o que me digan un metodo alternativo, probable y que se puede llevar a la practica con codigo y no un comentario que generaliza y no resuelve nada.

Si preferis tener un foro de ideas y teorias pero NO PROBAIS nada de lo que decis, pues perfecto, por mi parte muy respetable y no obligo a nada, pero la calidad del foro en mi opinion disminuye considerablemente. SI en cambio aportais codigo probado y comentais que funciona pero tiene un problema en la linea x, pues vamos mejorando.

Pero ya os digo, esto es cuestion personal de cada uno. Aun asi os lo agradezco de veras por el tiempo prestado.

Un saludo