[SOLUCIONADO] Ponerle un límite al body

[cecii146]

Necesito ayuda, estoy maquetando un sitio que tiene un div "contenedor". El problema es que cuando se acaba el contenido, acaba también este div contenedor que tiene un fondo blanco, pero el body (al cual le puse un backgraund amarillo) continua, lo cual me genera scroll extra, que no debería estar porque no hay contenido!

No se si se entiende bien, pero ya revise todos los margenes, padding y no se que puede ser lo que esta causando que el body continué mucho más después de que termina el contenido.

Vale aclarar que esto solo pasa en una sección, en el resto del sitio funciona bien.

[ArturoGallegos]

Lo siento nos quedamos sin adivino en el foro, necesitaras mostrarnos el código suficiente para recrear la situación y poder determinar que pasa.

De entrada te digo que el problema no es el body ya que este no tiene una altura fija o algo que lo haga crecer sin contenido, salvo que tu hayas declarado body{...} si esa es la situación pues no tienes pierde ni mucho que buscar.

[cecii146]

Gracias por contestar!
esto es lo único que tiene definido el body

Código CSS:

body {
    background-image:url(../img/body-fondo.png);
    text-align:center;
    position:absolute;
    left:50%;
    margin-left: -644px;
    overflow-x: hidden;
}
 

es el fondo, para que el contenedor este centrado, y para que no genere scroll horizontal
y después el contenedor:

Código CSS:

#contenedor{
    text-align:center;
    color:#333333;
    background-image:url(../imgs/contenedor_fondo.png);
    background-repeat:repeat-y;
    background-position:center;
    padding-top:40px;
    padding-bottom:40px;
    position:absolute;
    min-width: 970px;
    width: 1288px;
    max-width: 1288px;
    margin: 0px auto;
}
 

después las cosas que están definidas es el contenido dentro del contenedor

[pzin]

Esto es una burrada:

Código CSS:

body {
  position:absolute;
  overflow-x: hidden;
 

Bueno, lo del overflow podemos dejarlo en chapuza, pero posicionar de forma absoluta el body es grave.

Además estás usando body como si fuese el contenedor, que no debería de serlo.

[ArturoGallegos]

como ya te dijeron lo del body esta muy mal hecho, voy a suponer que es tu primera web por eso has errado y lo que realmente querías era que el background se centrara, cuyo caso debiste centrarlo con

Código CSS:

body {
        background:url(../img/body-fondo.png) center;
    }
 

dicho eso, tu problema comentado es con la altura, con el CSS que muestras no estas afectando alturas así que habrá que buscar por otro lado... si eres observador en el comentario anterior dije "necesitaras mostrarnos el código suficiente para recrear la situación y poder determinar que pasa."
Para tu caso con el puro CSS mostrado nadie va poder recrear la situación y ver el error... en la mayoría de los casos se necesita HTML + CSS ...... si has implementado algún javascript para afectar la altura también.

[atahualpa_666]

hace poco tube este mismo problema que comentas, insertando un div para añadir trasparencias, tras probar mil formas al final la mas sencilla suele ser la mas util.

Simplemente añade un margen inferior al div en el Css con la opcion

Código HTML:

bottom: 100px;

Y modificas los pixeles necesarios para el footer y listo el div terminara con un margen de x pixeles hasta el final de la pagina y no se alargara como te hace ahora

[cecii146]

Muchas gracias atahualpa! me sirvió para solucionarlo.