I am a passionate Front-end Developer, Data Scientist, Blogger and Teacher.
I am also a Tech Writer and YouTube Educator.
Aside tech, I'm a football fan and a musical instrumentalist.
I help people by transforming their ideas into user-friendly and visually appealing websites, mobile apps, and desktop applications leveraging my expertise in various technologies and design tools.
This could work, but I believe you would also need a margin-bottom the exact height of the footer element added to your page content, otherwise you run the risk of having the footer on top of things.
The footer placed above all elements, isn't that what we're still looking for? I mean it's still at the bottom of the page, unless it's on top of another element then yes, that's not what we want
I suppose the goal is to handle the cases: do we have more content that needs to push the footer down? is the screen big enough so the footer can stay at the bottom? I use grid for this reason. See the example from here css-tricks.com/the-holy-grail-layo... where you can see what happens to the footer when you expand Article.
grab that footer's class and do this
for example
.footer{
position:absolute;
bottom:0;
}
thats it
This is the one I'm familiar with
This is the coolest one TBH. :)
Benjamin Grand is right.
This could work, but I believe you would also need a margin-bottom the exact height of the footer element added to your page content, otherwise you run the risk of having the footer on top of things.
yes,I mean position fixed would work better instead of position absolute
Nope, not the same.
With the example of this article, the footer is pushed to the bottom.
With your example, the footer is placed to the bottom, above all elements.
The footer placed above all elements, isn't that what we're still looking for? I mean it's still at the bottom of the page, unless it's on top of another element then yes, that's not what we want
I suppose the goal is to handle the cases: do we have more content that needs to push the footer down? is the screen big enough so the footer can stay at the bottom? I use grid for this reason. See the example from here css-tricks.com/the-holy-grail-layo... where you can see what happens to the footer when you expand Article.
.footer{
position:fixed;
bottom:0;
}
a quick update use position fixed instead of absolute
footer {
position:relative;
bottom:0;
}
this worked for me.