I'm currently redesigning my site (a different one to the one in my signature), and I seem to have hit a snag.
I have a bar positioned to run flush along the bottom of the window, but it doesn't seem to do so unless the content is there to "push it down."
It's flush on long blog entries and other pages filled with content but, when it comes to short entries, the bar positions itself directly below where the content ends - sometimes in the middle of the page.
I had a topic relating to this a while where it was suggested that I add "clear: both" to the CSS, which I've done that here too. It still doesn't work, however.
Here is the CSS :
>.bottom {
width: 100%;
margin: auto auto 0px auto;
text-align: center;
padding: 5px 0px 5px 0px;
background-color: #b60074;
border: 0px solid #C05F97;
clear: both;
}
All help is appreciated.