Scroll se monta encima del contenido

moNTeZIon · #1 (**permalink**) 20/06/2006, 08:40

Buenos dias.
Tengo este codigo que define un DIV contenedor de varias cosas:

Código:

<div style="position: relative; width: 100%; height: 440px; overflow-x: hidden; overflow-y: auto;">

1) Al "overflow-x" le pongo "hidden", porque siempre empiezo con un Table al 100% de ancho, así nunca he de necesitar el scroll horizontal.
2) Al "overflow-y" si le pongo "auto" para que me aparezca el scroll cuando la página se alarge.

Bien, pues ocurre que cuando se alarga el contenido de la página, aparece el scroll como tengo definido, pero me aparece por encima del contenido.
Me explico. El scroll debe de ocupar unos 20px de ancho. Y lo que ocurre es que al aparecer, aparece como encima del contenido, y no me deja ver los 20px de la derecha del contenido por estar el scroll encima.
La pregunta es: Cuando le digo a la tabla del interior que ocupe un 100% de ancho, en el momento que aparece el scroll, no debería coger el 100% del espacio sin contar el scroll?
Espero haber transmitido correctamente mi problema.
Gracias a los que puedan hecharme una mano.
Saludos.

moNTeZIon · #2 (**permalink**) 23/06/2006, 08:56

Hola chicos,
les voy a poner un poquitin más de código, que no sea por eso..

Código:

<div style="position: relative; width: 100%; height: 440px; overflow-x: hidden; overflow-y: auto;">
    <center>

        <table cellpadding="0" cellspacing="0" style="width: 100%; border-width: 0px; background-image: url(Images/imagen1.jpg); margin-bottom: 5px;">
            <tr style="height: 40px;">
                <td style="width: 100px; text-align: left; vertical-align: middle;"></td>
                <td style="text-align: center; vertical-align: middle;">
                    <span class="TextoGigante" style="color: #FFFFFF;">TITULO PRIMERO</span>
                </td>
                <td style="width: 100px; text-align: right; vertical-align: middle; padding-right: 5px;">
                    <a href="TI_ComoComprar.htm" onclick="window.open(this.href,'ComoComprar','top=0,left=0,width=640,height=480,scrollbars=yes,resizable=yes'); return false;"><img src="Images/BotonInterrogante.gif"></a>
                </td>
            </tr>
        </table>

        <div class="TextoGrande" style="height: 25px; font-weight: bold;">TITULO SEGUNDO</div>

        <table...
        </table>

    </center>
</div>

Entiendo que salga es scroll cuando se alargue esa ultima tabla para abajo, pero no entiendo que salga por encima del contenido. Entiendo que debería poderse leer todo, haya scroll o no...
Gracias por su ayuda.
Saludos

moNTeZIon · #3 (**permalink**) 27/06/2006, 02:16

Nadie puede ayudarme con esto, por favor?