Absolute Positioning

[marie b.]

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.

[TCH-Tim]

Something like this?

[marie b.]

Yup, something like that except that didn't work when I tried it earlier. Thanks though. : )

 

This really starting to puzzle me, because I've tried everything that should work.

[TCH-Tim]

Yes, it is puzzling. Been looking at it off and on for the past few hours. Thanks for giving me something to do tonight. Is this the idea anyway, to stick your footer to the bottom of the window if the content isn't long enough?

[marie b.]

Yup, exactly.

 

I can PM you the link to the site so that you can see what I mean, if you'd like. May help.

[TCH-Tim]

For anyone that's interested, we succeeded in getting marieb's footer to stick to the bottom of the window (when the content does not fill up the page) using the suggestions here. The problem with the examples is that they are fairly simple, and if you have multiple containers/sections/etc. it can get mucked up fairly easily. In the end it came out looking very nice in both IE and FF, and it was a great lesson.

[Bunni]

Thanks! That problem has plagued me in the past and I'm grateful to know how to fix it should it happen again.

[marie b.]

Thanks heaps, Tim. =)