No replies
genloz
Offline
newbie
Australia
Last seen: 14 years 16 weeks ago
Australia
Timezone: GMT+10
Joined: 2008-01-22
Posts: 4
Points: 0

Hi!
I'm having a bit of trouble with getting my website to be 100% height.
As can be seen here:
http://node25.myserverhosts.com/~ecoitau/dev/uni-edit/

There is a large gap between the content and the footer, and although the wrapper has expanded, I can not get the inner divs to expand as well...

The divs from outer to inner are

ja-wrapper
a div with 100% height I added in
ja-container-fr .clearfix
ja-mainbody-fr
ja-contentwrap
ja-content

and the code is below... I've added the 100% height tags to nearly everything and still no luck! Any help would be greatly appreciated.

#ja-wrapper { margin: 0 auto; padding: 0; width: 95%; height: 100%; /* background-color: #ffffff; */ text-align: left; min-width: 750px; max-width: 2000px; border: 4px solid #646E7B; }

.narrow #ja-wrapper {
width: 750px;
height:auto !important; /* lauren */
height: 100%; /* lauren */
min-height: 100%; /* lauren */
position: relative; /* lauren */
}

#ja-container,
#ja-container-fr,
#ja-container-fl,
#ja-container-f {
/* clear: both; */
/* padding: 0; */
/* padding-bottom: 60px; */ /* lauren */
height:auto !important;
height: 100%;
min-height: 100%;
/* position: relative; */
}

#ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f {
/* padding-bottom: 60px; */ /* lauren */
/* padding-bottom: 20em; */ /*lauren*/
height: 100%;
height:auto !important; /* real browsers */
min-height:100%; /* real browsers */

}

#ja-mainbody {
float: left;
width: 80%;
height: 100%;
height:auto !important; /* real browsers */
min-height:100%; /* real browsers */
}

#ja-mainbody #ja-contentwrap {
float: right;
width: 74.9%;
height: 100%;
height:auto !important; /* real browsers */
min-height:100%; /* real browsers */
}

/* Clearfix */
.clearfix:after {
clear: both;
/* display: block; lauren */
content: ".";
/* height: 0; lauren */
visibility: hidden;
}

* html > body .clearfix {
width: 100%;
/* display: block; lauren */
}

* html .clearfix {
/* height: 1%; */
}

#ja-contentwrap {
background: url(../images/grad1.gif) repeat-x top;
height:auto !important;
height: 100%;
min-height: 100%;
}

#ja-content {
padding: 10px 15px 20px;
margin-top: 0px;
height:auto !important;
height: 100%;
min-height: 100%;
}