[SOLUCIONADO] Overflow CSS

#1 (**permalink**) 27/07/2013, 05:23

Hola,
He estado desarrollando una web. Quiero ocultar lo que sería la parte que sobrepasa los límites del body, sin que haga scroll. El problema es que si lo defino directamente en el body no funciona:

Código CSS:

Ver originalbody {
overflow-x: hidden;
}

Pero si que puedo crear un div al 100% de height y width y que me acapare todo el body, lo que pasa es que resulta bastante incómodo.

pzin · #2 (**permalink**) 27/07/2013, 05:49

Bienvenido al foro.

Seguramente sea porque body no tenga una altura definida y esta sea automática —que es el valor por defecto. Prueba con esto:

Código CSS:

Ver originalhtml, body {
  height: 100%;
}
 
body {
  overflow: hidden;
}

Aunque lo ideal sería diseñar la página de tal forma que no haya que ocultar contenido alguno y que este se adapte a la pantalla.

#3 (**permalink**) 27/07/2013, 07:10

Mmm... No era así ya que el body tenia el height y width adoptado por los objetos, pero de todas formas gracias! Me quedo con:

Código HTML:

Ver original<html>
<body>
<div id="global-box" style="overflow-x: hidden;">
<!-- Contenido...//-->
</div>
</body>
</html>