Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Overflow CSS

Estas en el tema de Overflow CSS en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 27/07/2013, 05:23
darkhack3r22
Invitado
 
Mensajes: n/a
Puntos:
Pregunta Overflow CSS

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 original
  1. body {
  2. overflow-x: hidden;
  3. }

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.
  #2 (permalink)  
Antiguo 27/07/2013, 05:49
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.487
Antigüedad: 20 años, 6 meses
Puntos: 2114
Respuesta: Overflow Css

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 original
  1. html, body {
  2.   height: 100%;
  3. }
  4.  
  5. body {
  6.   overflow: hidden;
  7. }

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)  
Antiguo 27/07/2013, 07:10
darkhack3r22
Invitado
 
Mensajes: n/a
Puntos:
Información Respuesta: Overflow CSS

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
  1. <div id="global-box" style="overflow-x: hidden;">
  2. <!-- Contenido...//-->
  3. </div>
  4. </body>
  5. </html>

Etiquetas: body, diseño-web, hidden, overflow
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 05:01.