07
Jun
Jun
Image vertical alignment
So I have a div and I want to have 2 divs inside it, one with a background image at the top, the other with a background image at the bottom.
Code:
div.main {
float: left;
height: 100%;
width: 5px;
background-color: blue;
}
div.top {
position: fixed;
top: 0px;
background-color: red;
height: 30px;
width: 100%;
}
div.bottom {
position: fixed;
bottom: 0px;
background-color: green;
height: 30px;
width: 100%;
}The image I want at the bottom is displaying just underneath the top one. Any ideas on how to get it to go to the bottom of the div (not bottom of page!) would be appreciated. Thanks!
30,000 Mb And Unlimited Bandwidth Only $3.75/mo.
Powered By: BigInfo.org
Relevant Links