stick Footer at bottom

stick Footer at bottom

autor Mark Palig -
Počet odpovědí: 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

Průměr hodnocení: -
V odpovědi na Mark Palig

Re: stick Footer at bottom

autor Mark Sharp -
Obrázek: Core developers Obrázek: Particularly helpful Moodlers Obrázek: Plugin developers

in the css set:

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

That should more or less sort it.

V odpovědi na Mark Sharp

Re: stick Footer at bottom

autor 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

Příloha overflow.png
V odpovědi na Mark Palig

Re: stick Footer at bottom

autor Mark Sharp -
Obrázek: Core developers Obrázek: Particularly helpful Moodlers Obrázek: 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.