CSS issue with freecadweb.org/api footer

A subforum for research and development of the user interface of FreeCAD

Moderator: agryson

User avatar
kkremitzki
Posts: 348
Joined: Thu Mar 03, 2016 9:52 pm
Location: Texas

CSS issue with freecadweb.org/api footer

Postby kkremitzki » Tue Feb 28, 2017 8:41 am

Hi, I'm not sure this is really the right forum but I figured I'd give it a shot.

Right now the footer in the API pages doesn't really behave correctly because it has the CSS property position: fixed;.

On short pages like https://freecadweb.org/api/index.html the footer will not be at the bottom of the page without the fixed property. But then on long pages like https://freecadweb.org/api/namespaces.html it is clogging up the bottom of the screen instead of being pushed to the bottom.

I'm not really conversant enough with CSS to know how to fix this, so this is a bit of a call for help; if someone knows what changes need to be done, I can FTP the changes to the server and get it fixed.
User avatar
yorik
Site Admin
Posts: 8633
Joined: Tue Feb 17, 2009 9:16 pm
Location: São Paulo, Brazil
Contact:

Re: CSS issue with freecadweb.org/api footer

Postby yorik » Tue Feb 28, 2017 6:42 pm

Yeah unfortunately I didn't find how to do that either :)
I thought bootstrap would have something that does that automatically, bout didn't fnd anything
User avatar
agryson
Posts: 452
Joined: Wed Nov 23, 2016 8:30 am
Location: Paris, France
Contact:

Re: CSS issue with freecadweb.org/api footer

Postby agryson » Tue Feb 28, 2017 8:51 pm

Unfortunately a "real" solution requires JavaScript to determine the window height or to do sticky scrolling etc.
IMO, it's best to avoid the issue altogether by setting a min-height on your body that is reasonable for the expected screen sizes and just accept that the footer will be a long scroll away on long pages with relative or absolute positioning.