Tony Jenkin
New Member
Hi, I wonder if someone could look at my divs and tell me why there is no scroll bar showing up. I have divs going past the height of the window but there is no scroll bar to scroll down to see everything, I also have the min-height set to 1500px. And I don't have any overflow set to hidden. Thanks
Code:
#main_canvass {
background-color: #CCC;
height: auto;
left: 0px;
min-height: 100%;
min-width: 100%;
position: fixed;
top: 0px;
width: 100%;
}
#main_container {
height: auto;
width: 800px;
background-color: #FFF;
top: 0px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
padding-bottom: 20px;
position:relative;
min-height: 1500px;
}
#shadow {
background-color: #CCC;
background-image: url(../images/dropShadow.png);
background-repeat: repeat-y;
width: 840px;
left: 20px;
margin: 0 auto;
}
#nav_bar {
width: 785px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-left: 15px;
}
#news_flash {
height: 300px;
width: 720px;
margin-left: 40px;
margin-top: 8px;
}
#copyright {
width: 400px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000;
padding-left: 150px;
float: left;
margin-left: 125px;
margin-top: 20px;
}
#news {
background-color: #FFF;
width: 360px;
border: 1px solid #A6CE38;
float: left;
margin-left: 8px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
margin-top: 8px;
}
#upcoming_events {
background-color: #FFF;
width: 180px;
border: 1px solid #A6CE38;
float: left;
margin-left: 32px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
margin-top: 8px;
}
#gallery {
background-color: #FFF;
width: 150px;
border: 1px solid #A6CE38;
float: left;
margin-top: 8px;
margin-left: 8px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 8px;
}
Last edited by a moderator: