I have been rocking along on this new website for a city, and have been using a symbol within a div for all the rest of the page’s footers… and it has been working just fine. (see other pages)
However, on this page (the “Waste/Wastewater” page in the Navigator) the div seems to be relative to the bottom of the screen, not the bottom of the page… see screenshots.
I looks fine…
Until you scroll down!
Could someone point out where I have screwed this thing up? VERY FUSTRATED.
Thx in advance!
Here is my public share link:https://preview.webflow.com/preview/ineedtoupgrade?preview=c3eaa1a5754c9c8c15913120bb70ba86
(how to access public share link )
1 Like
The issue seems to have been fixed? I looked at it in Design mode and Preview Mode.
Are you sure you are looking at the “waste/wastewater” page? that’s the only page that has the issue… it is still wrong on my end…
I see it now, thanks.
Sweet. Now… How do I do that?
I sure wish there as an in-depth explanation of how all the placement settings worked…
As far as I can tell, I don’t see an element in the footer that has the condition of Fixed…
Sorry, I meant to say Absolute.
sabanna
December 15, 2015, 12:40am
8
Hi @ilikewebdesign ,
@MinewireNetwork was right, parent div “FD footer div” has position Absolute instead of Fixed .
Chenge position to Fixed and everything will be fine.
Regards,
1 Like
Wow. Can’t believe how simple that was…
On that note, do you guys know of any learning material that explains Position, Display Setting and the like? I really don’t understand completely the underlying concepts.
Thanks for the help!
sabanna
December 15, 2015, 2:34am
10
About Position properties I have been found pretty good explanation lately:
Relative , Absolute or Fixed positioning is standard CSS properties and webdesigners are using them not only in Webflow. You can probably find many different sources to learn more about it.
I tried to find short but understandable information for you:
Relative .“relative to itself”
Absolute .relative (or absolute)
Fixed .relative to the viewport
About Display Settings I could try to find something too.There is a lot of information about it in the web, because it is standard CSS properties.
3 Likes
Excellent way of putting it, I couldn’t have said it any better!
1 Like
Yep. That definitely helped. Many thanks!
1 Like
Hey… I just realized that the footer is always visible at the bottom of the screen. That’s actually not what I was going for, I was trying to make the footer act like the one on the “Airport” page. That one acts as it should.
I tried duplicating the structure and classes of the Airport page, so there must be something wrong on the Wastewater page.
Thx!
sabanna
December 17, 2015, 3:50am
15
Ok, I got it.
Sorry I didn’t got it from first time. Here is workaround: https://drive.google.com/file/d/0B-7cg8BSq1Z_cFRzRUJmazh1azA/view
P.S. There is some weird footer behavior appear at the end, not sure why, probably because of my internet connection.
@sabanna , thx for the video, but it is still not behaving like any of the other pages… see screenshot.
As you can see, I have added a paragraph to that section, and the footer is still not at the bottom of the page…
Is it something I am doing wrong? Seems unlikely, in that all my other pages work fine!
sabanna
December 17, 2015, 9:10pm
17
If you are planning to add more information to this page then for FD footer div change position: absolute to position: relative
system
February 16, 2016, 6:12pm
19
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.
I recommend not setting the Footer to fixed and having it sit right underneath your content section. Then simply increase the height of the section. 
