[jQuery] (OT - CSS) setting screen height to 100%
This is a off topic because there should be a solution using css but i can't
figure it out. I am wanting to make a certain div height be 100% of what it
can be(so the footer is at the bottom of the page i the content does not
already push it down there). Know i though that is i say for an element to
be 100% it means 100% of the existing room. hear is my css(BTW I am using a
php file to generate dynamic css):
html, body
{
margin: 0px;
padding 0px;
height: 100%;
}
#header
{
min-height: 100px;
background: url('<?php echo $my_colors['image_folder'];
?>/large_gradient.png') repeat-x;
}
#footer
{
min-height: 60px;
background-image: url(<?php echo $my_colors['image_folder'];
?>/large_gradient_reverse.png);
background-repeat: repeat-x;
background-position: bottom center;
}
Now when i put 100% it does not take into effect the the height of the
header and footer which shoot the footer off the screen to the way bottom.
I just what my footer to be at the bottom of the screen without a scrollbar.
The only way i can think of doing to is by using the dimensions plug-in but
it would seem that this could be done in plain css, can it?
--
View this message in context: http://www.nabble.com/%28OT---CSS%29-setting-screen-height-to-100--tf4538042s15494.html#a12952187
Sent from the JQuery mailing list archive at Nabble.com.