Contenido fuera de capa div

hola amigos he tenido el problema que a la hora de poner un comportamiento de region en agregar me da este resultado aqui esta la imagen espero alguien me pueda ayudar intente poner un position:relative y nada luego con fixe pero no se me ubica abajo del todo. Espero que alguien me pueda decir de que puede haber sido este problema

muy sencillo tienes que subirle el alto a la capa principal o mas bien dejarlo sin altura ninguna para que la pagina crezca en función a la cantidad de contenido que tengas, si no me entiendes pega en este tema tu hoja de estilos css y te ayudo

aqui te lo dejo eres un maquina tio gracias por todas tus ayuda igual son pequeñeces pero a costa de errores es como aprendemos como tu bien dices con tu dicho es muy cierto bueno me dejo de royo aqui te dejo el css:
body{
margin: 0px;
background-color: #f2f2f2;
font: normal 13px helvetica,arial,sans-serif;
}
input{
padding:4px;
}
# a{
-webkit-transition-duration:0.10s;
-moz-transition-duration:0.10s;
text-decoration:none;
color:#039;

}
# a:hover{
-webkit-transition-duration:0.10s;
-moz-transition-duration:0.10s;
color:#09f;
}
#logo {
float: left;
height: 50px;
width: 200px;
margin-top: 12px;
-webkit-transition-duration:0.4s;
-moz-transition-duration:0.4s;
}

#logo:hover {
opacity:0.7;
-webkit-transition-duration:0.10s;
-moz-transition-duration:0.10s;
}
#menu {
background-color: #222;
height: 45px;
color: #FFF;
padding: 0px 40px;
font-size: 12px;
}
#head {
background-image: url(../img/Captura.PNG);
height: 83px;
padding-top: 0px;
padding-right: 40px;
padding-bottom: 0px;
padding-left: 40px;
}
#wrapper {
background-color: #f2f2f2;
height: auto;
width: 100%;
}

#cuerpo {
height: 819px;
background-color: #FFF;
margin-right: 40px;
margin-left: 40px;
border-left: 1 px solid #ccc;
border-right: 1 px solid #ccc;
font-size: 18px;
}


#buscador {
float: right;
height: 40px;
width: 300px;
margin-top: 22px;
color: #FFF;
}
#menu table {
font-weight: bold;
text-transform: uppercase;
color: #FFF;
height: 45px;
width: 700px;
float: left;
}
#stats{
width: 1000px;
height: 30px;
margin: 0px auto;
text-align: center;
font-size: 11px;
}
#creditos{
width:1000px;
height:30px;
margin:0px auto;
margin-bottom:8px;
}
#footer {
color: #FFF;
background-image: url(../img/bg_footer.pnp.png);
text-align: center;
height: 80px;
font-weight: bold;
padding-top: 20px;
font-size: 12px;

}

#derecha {
height: auto;
width: 300px;
margin-left: 10px;
}
#bloques {
height: 250px;
width: 300px;
margin-bottom:8px;
border:1px solid #ccc;

}
#izquierda {
padding: 5px;
height: auto;
}
#usuario{
width: 200px;
height: 18px;
float: right;
font-size: 12px;
font-family: Verdana, Geneva, sans-serif;
text-align: right;
font-weight: bold;
margin-top: 12px;
}
#usuario a{
text-decoration:none;
color:#fff;
}

#usuario a:hover{
color:#ccc;
}#postglobal {
height: 420px;
margin-bottom: 8px;
}

#title_post {
height: 40px;
font-size: 20px;
font-family: Verdana, Geneva, sans-serif;
font-weight: bold;
}
#title_post a{
text-decoration:none;
color:#03F;
}

#title_post a:hover{
color:#ccc;
#autor_post {
height: 70px;
}

#contenido_post {
height: 100%;
margin-top: 20px;
}

claro es lo que te eh dicho tienes que cambiar esto

#cuerpo {
height: 819px;
background-color: #FFF;
margin-right: 40px;
margin-left: 40px;
border-left: 1 px solid #ccc;
border-right: 1 px solid #ccc;
font-size: 18px;
}

por esto

#cuerpo {
background-color: #FFF;
margin-right: 40px;
margin-left: 40px;
border-left: 1 px solid #ccc;
border-right: 1 px solid #ccc;
font-size: 18px;
}

okey ya entendi cuando dices principal te referias al cuerpo esa la duda que tenia por eso te lo mande para la proxima lo tendre en cuenta por cierto investigando vi una pagina interesante no se si la conoces te la paso de todas formas se llama cubra bezier es sobre tema de transicciones venga un saludo y muchas gracias.

uafffff ufff coraje madre ahora no me sale los bloques en pantalla se ve el sacarpost a todo el ancho de la pagina grrrr perdona enserio no se que paso espero me digas esto nada mas

sigue viendo los videos que eso se explica es decir como hacer que el contenido no te ensanche la pagina

muchas gracias y perdona las molestias

admin perdona pero me esta surgiendo el mismo problema una y otra vez estoy haciendo todos los paso como lo indicais pero se me queda el footer en el centro sigue estando igual pero en otras paginas por ejemplo cuanod agrego datos con el ckeditor este modifica algo que se queda en el centro el footer bueno espero que me puedas ayudar no quiero terminarlo quiero aprender y saber el motvo no paro de darle vueltas igual es tonteria pero no llego comprender el fallo.
venga un saludo espero respuest gracias

Hola ¿podrías colocar una imagen para ver tu problema? A ver si podría echarte una mano :)

http://imgur.com/vRR9GBE

esta es la imagen perdona me equicoque http://imgur.com/i9cY1ml

no haceeeeeeeeeeeeee faltaaaaaaaaaaaaaaaa estoy viendo videos por videos y nunca se si lo llegais a explicar pero me he dado cuenta que si, sabeis perfectamente los problemas que vienen unos detras de otros y lo teneis bien explicado, muchas gracias de todas formas por tu ayuda