stick Footer at bottom

stick Footer at bottom

by Mark Palig -
Number of replies: 3

Hi!

I could not make my moodle footer stick to the bottom of the page.

What am I aiming is to make my footer stick at the bottom even if the content is small without space below footer.

And when the content is longer than the height of the browser, the footer sticks at the lowest part of the page also without space at the footer.

Any suggestion will be much appreciated!

Thanks,


Mark

Average of ratings: -
In reply to Mark Palig

Re: stick Footer at bottom

by Mark Sharp -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

in the css set:

position: absolute;
bottom: 0px;
height: 50px; (or whatever it is)

That should more or less sort it.

In reply to Mark Sharp

Re: stick Footer at bottom

by Mark Palig -

Hi Mark!


Thanks! Yes that will work, I've already tried that, but in essential theme, when i clicked all the " + " button in blocks, the block will be on the top of my footer and produced a wide space below my footer. Like this.

Im using moodle 2.6, essential theme.


Regards,

Mark

Attachment overflow.png
In reply to Mark Palig

Re: stick Footer at bottom

by Mark Sharp -
Picture of Core developers Picture of Particularly helpful Moodlers Picture of Plugin developers

Oh right, you also need z-index.  This controls the order of the layers.  You'd need to play with the numbers, but basically, the higher the number the more on top it is.

Something like:

z-index: 100;

should do it.