search

creativetimofficial / ct-material-dashboard-pro-angular

68 stars 35 forks source link

[Bug] Fixed footer + Content Fill #397

Open No1e opened 3 years ago

No1e commented 3 years ago

Version

2.6.0

Reproduction link

https://github.com/creativetimofficial/ct-material-dashboard-pro.

Operating System

Windows 10

Device

any

Browser & Version

Chrome, EDGE

Steps to reproduce

Dear Creative Tim Support,

could you please tell me how can do the following:

  1. Fix the footer to the bottom
  2. Make the "main-content" to take remaining space between header and footer

I was not able to find example.

Thank you and best regards, Novak

What is expected?

Footer fixed at bottom, "main-content" should take space between header and footer.

What is actually happening?

Footer not fixed, "main-content" takes as much as space as it needs.

Solution

Additional comments

rarestoma commented 3 years ago

Hi @No1e,

Thank you for working with our products.

Did you try leaving the main-content empty? Because the main-content has a min-height set of calc(100vh - 123px) and this will cause the footer to stay at the bottom.

I attached an image to show how it looks.

Captură de ecran din 2021-11-02 la 10 54 18 a m

Best regards, Rares