Foros del Web » Creando para Internet » CSS »

Scroll se monta encima del contenido

Estas en el tema de Scroll se monta encima del contenido en el foro de CSS en Foros del Web. 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 (permalink)  
Antiguo 20/06/2006, 09:40
Avatar de moNTeZIon  
Fecha de Ingreso: enero-2005
Ubicación: Lliçà de Munt - BCN
Mensajes: 1.625
Antigüedad: 12 años, 11 meses
Puntos: 9
Scroll se monta encima del contenido

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

Última edición por moNTeZIon; 21/06/2006 a las 02:58
  #2 (permalink)  
Antiguo 23/06/2006, 09:56
Avatar de moNTeZIon  
Fecha de Ingreso: enero-2005
Ubicación: Lliçà de Munt - BCN
Mensajes: 1.625
Antigüedad: 12 años, 11 meses
Puntos: 9
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)  
Antiguo 27/06/2006, 03:16
Avatar de moNTeZIon  
Fecha de Ingreso: enero-2005
Ubicación: Lliçà de Munt - BCN
Mensajes: 1.625
Antigüedad: 12 años, 11 meses
Puntos: 9
Nadie puede ayudarme con esto, por favor?
__________________
..:: moNTeZIon ::..
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 23:34.