Hi guys, i have a quick question.
I'm making a site and i need my div layers positioned with a header and a footer positioned at the top left, and bottom left of the site respectively.
I have that done with this bit-o-code
Code:
#top {
position: absolute;
top: 0px;
left: 0px;
height: 209px;
min-height: 209px;
width: 100%;
min-width: 100%;
margin-left: -1px;
background-image: url(exportmedia/top.jpg);
background-repeat: repeat-x;
z-index: 3;
}
#bottom {
position: absolute;
z-index: 2;
bottom: 0px;
left: 0px;
height: 127px;
min-height: 127px;
width: 100%;
min-width: 100%;
margin-left: -1px;
background-image: url(exportmedia/bottom.jpg);
background-repeat: repeat-x;
}
As you can see i get very creative with naming my div's
Now, i need a center div for the content. My problem is that i will be building a CMS system for my client, so i don't know how tall the content might get. A static layout where the content pushes the top/bottom of my layout won't work either because the site needs to be at least 100% of the site. If there was a way of doing that i would be happy.
Right now the structure for my middle layer is as follows
Code:
<div id="middle">
<div id="push_top"></div>
<div id="content"></div>
<div id="push_bottom"></div>
</div>
The push divs are making shure the content div is always visible. And middle has it's overflow set to auto, to take care of any size issued. My only problem is with the way that the scroll bar appears.
If it helps, i have attached my project files to this post.
I appriciate any help.
Thank you for your time
~Gabor Szauer
|