stick Footer at bottom

stick Footer at bottom

由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

評比平均分數： -
In reply to Mark Palig

Re: stick Footer at bottom

由Mark Sharp發表於
Core developers的相片 Particularly helpful Moodlers的相片 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

由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

附件 overflow.png
評比平均分數： -
In reply to Mark Palig

Re: stick Footer at bottom

由Mark Sharp發表於
Core developers的相片 Particularly helpful Moodlers的相片 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.

評比平均分數： -