Adding a minimum height to a bottom-left position:fixed <div>

[directhex]

Okay then.

I have a web page, badgerports.org, for something Ubuntoobish.

Looks like this:



Hover over the blobs, words appear in the gap between the copyright and blobs. Very simple.

However, if the window height is too small, things go wrong. Take this 1024x600 (netbook) example:



Everything goes to hell.

The page needs a minimum height, such that the copyright stuff in the bottom corner can never overlap the stuff in the middle - but I like it in the bottom corner where it is, in any cases where the browser isn't on a baby screen.

I've failed to work out how. Ideas?

[Steve]

I would say start with a container div that's position: relative, set min-height on that, then put everything in there, along with the bottom div, which you can then position: absolute and set bottom and left attributes.

Or just have the copyright div beneath another div that has a min height and forget about positioning altogether.

Also, <3 you for creating this as I am still running hardy on this very workstation.

[stytagm]

Sorry for Necropost, but did you ever get this sorted out? If not, have a look at the sticky footer code here: http://ryanfait.com/sticky-footer/ It might solve the problem.