July 14th, 2008, 12:42 PM
|
|
Registered User
|
|
Join Date: Jul 2008
Posts: 1
Time spent in forums: 6 m 13 sec
Reputation Power: 0
|
|
|
Position Bottom and HEIGHT 100%
I know that if the parent element of a div have a height, when I put 100% of height in that div, it will fillup all the parent element.
But now, my parent element is the tag body. There's a div main inside the body that I wish to display at 100% of the resized browser window.
I put the body with height: 100%, anyway, is not working. My div is not filling up all the height of the browser.
There's other thing in this same page. There's a div "BOTTOM", how I put this div to stay in the BOTTOM of his container?
CSS CODE
Code:
body {
background-image: url("../images/background_body.gif");
width:100%;
font: x-small Monaco, Verdana, Arial, "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
margin:0px;
color:#444444;
}
.main {
width:835px;
margin:0px auto;
min-height:570px;
background-color:#FFFFFF;
background-image: url("../images/main_bg.jpg");
}
#footer_content {
top:100%;
margin-left:5px;
width:825px;
}
HTML CODE
Code:
<body>
<div class="main"> <!--this one must be with height 100%"
<div class="content"></div>
<div id="footer_content"></div>
</div>
|
Dev Articles Community Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
