0
Welcome Guest! Login
0 items Join Now

Footer at the bottom of the page

Last Post
Search Topic

  • Footer at the bottom of the page

    Posted 10 years 6 months ago
    #1148815
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Footer at the bottom of the page

    Posted 10 years 6 months ago
    • Use this code...
      div#rt-mainbody-surround {
    min-height: 550px;
}
      This is how to create a custom CSS compatible with Gantry 4...

      Simply create a file called "<TEMPLATENAME>-custom.css" and put this file in the CSS folder of the template (where <TEMPLATENAME> is the name of the template as seen in template manager e.g. rt_fracture). GANTRY4 will automatically load this CSS file. If you wish, you can also have browser specific files by appending, for example, "-ie9" making the filename "<TEMPLATENAME>-custom-ie9.css"

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1148829

  • Re: Footer at the bottom of the page

    Posted 10 years 6 months ago
    • Thank for your advice but this solution isn't perfectly fine. If I have bigger resolution, I'll get same issue. Better solution would be for short content, if footer keeps bootem line at page.

      But this workaround is good and thank you for that.

      Best regards,
      Tomas
    #1149799
    • MrT's Avatar
    • MrT
    • Preeminent Rocketeer
    • Posts: 101084
    • Thanks: 13484
    • Web Designer/Developer

    Re: Footer at the bottom of the page

    Posted 10 years 6 months ago
    • You can't detect the height of the browser window in CSS - for that you'd have to use JS. So that's why the CSS I gave uses a fixed min-height. Yes, you could attach the footer to the browser window, but as your footer is so large I don't think this is really practical in your case since you'd be permanently losing a big chunk of the screen to the footer if we did that (in all viewports).

      Regards, Mark.
    • Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
    #1149805

Time to create page: 0.100 seconds