How to stop my page from scrolling vertically

Question

I currently have my page configured so that the header, footer, and links on the left hand side are all framed and positioned absolutely. This allows me to just have the content in the center of my page scroll.
It works wonderfully, however on some pages (such as one where I have a photo gallery), the page will scroll past the gallery, and either appears very long, or the content stops, and you can see the background of the page. It's difficult to explain, so I have included photos to demonstrate. I would simply like to prevent my page from scrolling PAST the content (gallery in this case) and onto the excess space.
Even if I extend the min-length or max-length value of the page, it only makes the white area even longer so it scrolls even further down the screen. Any suggestions would be apprecaited, and I can include the .css and html if necessary as well.
Regards,
-Dave

Answer 1

I'm sorry Nancy, I'm not exactly sure how to do that.
You can view my page at http://www.dvionline.com
but obviously you can't see the .css in there.
If it makes it anymore clear, I have posted it here:
@charset "utf-8";
/* CSS Document */
/***************STRUCTURE***************************/
/*Reset*/
margin:0;
padding:0;
/* Reset header position to fixed for real browsers such as Firefox*/
body>#header_wrap{
    position:fixed;
/* Reset footer position to fixed for real browsers such as Firefox*/
body>#footer-wrapper{
    position:fixed;
/* Sets minimum width for the smallest resolution available */
body{
    min-width:640px;
    background-color:#222222;
    min-height:900px;
    /* This containts the links to the left */
#menu_wrap_left{
        float:left;       
        height:228px;
        width:100px;
        margin:0px auto;
        padding:0px;
        position:fixed;
/* 994px because of the 3px margin on each side of the border.  Min width is 736px because that is the size of my large monitor */
#content_wide{
    width:994px;
    margin:85px auto;
    border:3px solid #c3c4c5;
    min-height:736px;
    background:#d8d7d7;
    /* Absolute positioned header for all browsers*/
#header-wrapper_75px{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:85px;
    position:fixed;
#header{
    height:85px;
    width:1000px;
    margin:0 auto;
    background:url(../Images/Defaut%20Images/yellow_white_background__85px.jpg);
    /* Logo image */   
#header_logo_over_links{
    position:absolute;
    margin-left:5px;
    margin-top:0px;
    width: 137px;
    height:77px;
    display:block;
    z-index:2;
    background:url(../Images/Defaut%20Images/resize_logo.gif) no-repeat
/* Contains the footer, and in a static position */
#footer-wrapper{
    width:100%;
    p\osition:absolute;
    bottom:0;
    left:0;
    height:24px;
/* Used for the 1000px site */
#footer_wide{
    width:1000px;
    height:24px;
    margin:0 auto;
    background:#edece7;
    color:fff;
/* EVERYTHING ABOVE THIS LINE IS USED IN THE TEMPLATE */
/* Used on all of the flash galleries */
.center_flashMedia{
    margin:0px auto;
    padding:0px;
    display:block;
/* Used on the top of the CONTACT page */
.bold_contact_header{
    font-size: 24px;
    font-weight: bold;
    color: #6785BB;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    display:block;
/* also used on the CONTACT page */
.center_contact_address{
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    display:block;
    padding: 5px;
/* used on the CONTACT page */
#container_contact{
    display:block;
    padding: 5px;
    margin-bottom: 0px;
    display:absolute;
    margin-top:90px;
/*used on the CONTACT page */
.bold_contact{
    font-size: 16px;
    font-weight: bold;
    color: #6785BB;
/* This holds just the text for the HOME page */
#home_text_container{
    width:450px;
    height:450px;
    border:none;
    padding:20px 0px;
    float:right;
    position:relative;
    margin-right:14px;
/* used on the HOME page */
#home_image_container{
    background:url(../Images/Defaut%20Images/home%20image%20shadow.jpg) no-repeat;
    width:450px;
    height:395px;
    display:inline-block;
    margin-left:14px;
    padding:20px 0px;
    margin-top:30px;
/* Used for the text on the HOME page */
.index_text_16px{
    font-size:16px;
    font-weight:normal;
    font-family: Arial, Helvetica, sans-serif;
/* used on the HOME page */
.project_header{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
/* used on the PHILOSOPHY page */
#philosophy_wrap{
width:800px;
height:100%;
margin:20px auto 0px auto;
padding:10px 20px 0px 10px;
border:3px solid #c3c4c5;
background: #d8d7d7;
/* Used on CONELLE MEMBERS, PHILOSOPHY, and PROJECT TEAMS pages */
.president_font{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding:10px;
    vertical-align: text-top;
/* used on PHILOSOPHY page */
.centered_philosophy_header_text{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding:5px;
    vertical-align: text-top;
    text-align:center;
/* used on the PRILOSOPHY TEAMS and SERVICES page */
.project_text_index {
    font-size:14px;
    font-weight:normal;
    padding: 0px;
    height: 150px;
    width: 250;
    font-family: Arial, Helvetica, sans-serif;
/* used on PHILOSOPHY page, to keep space around the images */
.philosophy_img_padding{
    padding:10px 5px;
    border:#C3C4C5 solid 3px;
/* used on PROJECT TEAMS page */
#project_teams_wrap{
     width:800px;
     height:100%;
     margin:10px auto 0px auto;
     border:3px solid #c3c4c5;
     background: #d8d7d7;
    z-index:-1;
/* Used on PROJECT TEAMS page */
.project_text{
    font-size:12px;
    font-weight:normal;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;
/* used on the SERVICS page */
.services_header{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
/* logo image to the right on the CLIENT SERVICS page */
#client_services_img{
    float:right;
    padding:5px;
    clear:left;
    display:block;
    background:url(../Images/Defaut%20Images/project%20teams/client_services.jpg) no-repeat;
    width:300px;
    height:226px;
    margin-left:15px;
/* Background for the CONELLE MEMBERS page */
.horizontal_bar_grey{
    height:200px;
    width:800px;
    margin:0px 5px 15px 30px;   
    background:url(../Images/Defaut%20Images/horizontal_bar_grey.gif) no-repeat;
.align_left{
    float:left;