A newbie question here, so please be gentle.
I'm trying to expand my content to the whole height of a browser window, with my footer image below it.
I'm just using the default layout stylesheet and the default bulletmenu vert 1c stylesheet [because when I create a new template, it just doesn't seem to find the style...but another issue for another date].
Here is the layout stylesheet:
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */
/* SITE SPECIFIC LAYOUT */
body {
margin: 0;
padding: 0;
text-align: center;
background-color: #8fa6b4;
}
div#page {
width: 763px;
margin: auto;
padding: 0;
text-align: left;
}
/* HEADER */
div#header {
position: absolute;
top: 0px;
left: auto;
width: 763px;
height: 210px;
background: url(/images/Header.jpg);
}
/* END HEADER */
/* CONTENT */
div#content {
position: absolute;
top: 230px;
left: auto;
width: 763px;
height: 100%;
background: url(/images/Body.gif);
}
/* MAIN */
div#main {
width: 570px;
padding-right: 25px;
}
/* END MAIN */
/* SUB */
div#sub {
}
/* END SUB */
/* END CONTENT */
/* FOOTER */
div#footer {
position: absolute;
Top: 100%;
left: auto;
width: 763px;
height: 60px;
background: url(/images/Footer.gif);
}
div#footer p {
}
/* END FOOTER */
/* END LAYOUT */
div.breadcrumbs {
position: absolute;
top: 210px;
left: auto;
width: 763px;
height: 20px;
background: url(/images/Body.gif);
font-size: 90%;
}
_____
...and here is the bulletmenu vert 1c stylesheet:
/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */
/* NAV BAR ON THE LEFT AND ONE COLUMN OF CONTENT */
div#content {
margin: auto auto auto auto;
}
div#main {
float: right;
}
div#menu_vert {
float: left;
width: 140px;
margin-left: 15px;
}
div#content2 {
display: none;
}
div#menu_horiz {
display: none;
}
div#footer {
}
/* END CONTENT */
_____
Ok...no shame here....this is the site I'm trying to get working with CMSMS: http://awchurch.ca. [As you see the ">>" for the little nav menu is not aligned properly either].
I've done a several other website, but all with tables. I'm trying to learn CSS & CMSMS. But I'm just not grasping something.
Any help would be muchly appreciate.
Thanks,
How do I get the content to expand to 100% of the height of the browser window?