Cómo eliminar el scroll horizontal
Escenario típico: el sitio ya está construido con un XHTML impecable; ya tienes un bello CSS de unas 200 o 300 líneas, separado en archivos destinados a los distintos navegadores… Incluso se ve bien en Internet Explorer 6 y 7, gracias a la carga de hojas de estilo mediante comentarios condicionales. En resumen: todo perfecto. Hasta que te llama el cliente y te dice que hay scroll horizontal a 1024×768…
Sí, es típico. A veces queda algún espacio muerto en la página, producto del margen o relleno de un DIV… ¿La solución?
html {
overflow-x: hidden;
}
No tenía idea que existía esa propiedad… Lo más divertido fue que la descubrí probando aquella copia de Firebug para Internet Explorer.
Sin posts relacionados.
Sirve tambien para evitar desarmes en diseños cuando escriben una palabra laaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaarga y sin espacios entre medio
Pero yo tengo un problema, a mí el scroll horizontal me lo quita, pero se sigue desplazando a los lados :S