Streaming live at 10am (PST)

Footer at the bottom, relative to body not working =/


#1

I 'm trying to configure a sticky footer using a container with position relative to body and with bottom option. It doesn't working.

Is something that i'm doing wrong?

I need to do one like this: www.cssstickyfooter.com

ps. sorry my english, I'm from Brazil


#2

Hi! Have you tried setting the section (or whatever element you want) to Position: Fixed?

Follow the tutorial here: http://forum.webflow.com/t/adding-a-fixed-navigation-bar/87/2 but in your case make sure that you set the preset so it's at the bottom like so:


#3

Hi, thanks for answer.

But it didn't work. Now the footer is on the bottom of the browser window and not at the bottom of the content. It's stay there, at the bottom of the browser, above the content that goes down and as I scroll down the page the footer just stay there.

I need it down the content if the content is long and down the window if the content is little.


#4

Oh okay so you don't want it fixed at the bottom but for it to flow with the text.

Have you tried creating elements and applying the styles shown here: http://www.cssstickyfooter.com/style.css


#5

i tried the link above from cssstickyfooter.com and tried to use in webflow but it does not work..

made a simple page in jsfiddle and it works correctly

enter link description here

but when i add the same code into webflow it does not work

looks like this

did anyone get this work? any help or comments appreciated


#6

@phi36nine Everything I saw in jfiddle you can accomplish in Webflow (except for the Opera :before fix). Can you post your troubleshooting link so I can see if there's something you missed?


#7

yeah the first example is the screen shot as you can see it still was riding up.. i just pasted the code in the CUSTOM CODE and and add the class name to the DIV..

then i found another example listed below as there is a HTML5 version you can use also
http://ryanfait.com/resources/footer-stick-to-bottom-of-page/

and made it first in jfiddle to and it worked
http://jsfiddle.net/phinine/ma3FK/

and then i made in webflow and this example worked..
http://apl.webflow.com/

i will go back and try to make the other one work also..

weird.


#8

Yeah that method seems to work great!


#9

@phi36nine @thesergie
Can either of you better explain as to where I should enter this code into my site. Since there is both HTML and CSS not quite sure what to do.


#10

I'm stuck at this too. My footer is riding up and down in different pages and different screen size and different page length. I'm not a code person, can someone please elaborate where do I insert the codes and what codes is needed for footer to stay put at the bottom without being fixed where it overlaps content of longer pages.

i.e. short pages it stays at the bottom of the screen (responsive with different screen size). Long pages it stays at the end of page.

been stuck at this for so long, Please help :tired_face::sob:


#11