Overflow funciona en Chrome pero no en Firefox/IExplorer

Daven · #1 (**permalink**) 11/06/2016, 08:56

Buenas a todos:

Estoy diseñando una web que debe de ocupar exactamente el tamaño que tenga la pantalla, y para que el contenido no la haga mas grande le puse a la capa div donde contiene el texto un overflow: auto;

Esto funciona correctamente en Chrome, pero en Firefox y en IExplorer el contenido aumenta el tamaño del div y lo tira hacia abajo, saliendo así del hueco de la pantalla.

Este es el div donde esta metido el texto:

Código HTML:

<html>
<body>
<table border="0" style="width: 100%; height: 100%; margin-left: 0; border-collapse: collapse; border-spacing: 0;">
    <tr>
         <td align="center" valign="top" style="overflow: auto;">
            <div style="overflow: auto; width: 100%; height: 100%; background-color: grey;">
                aqui iria el texto
            </div>    
         </td>
    </tr>
</table>
</body>
</html>

Gracias de antemano!

petit89 · #2 (**permalink**) 11/06/2016, 09:26

revisa la documentación para firefox:
https://developer.mozilla.org/en-US/...b/CSS/overflow