You are being ambiguous again as those 2 statements are the same thing?
What you are asking for is actually a fixed positioned footer (one that remains at the bottom of the viewport regardless of content). I gave you code for that in my previous post.
No I don’t see any such thing?
Your home page has the footer way below the fold beneath the content. Your contact page though has the footer shown as in my screenshot because it is set up as a sticky footer.
Once again we seem to be talking at cross purposes as the things you describe are not what I see on the site and the things you ask for are things that we have given code for. You have all the code to do any of the above possibilities which is why I am confused that none matches your requests.
I must be missing something somewhere as I don;t see any other possibilities.
The footer you can set to any height you want, the 1px trick is to make the height totally fluid.
footer {
position:static;
display:table-row;
height:100px; /* will still expand with larger content */
}
I couldn’t produce any unnecessary scrollbar, can you post a screenshot of what you see?
Sticky means going down below the screen staying at bottom on tall pages.
Fixed means always stay at the bottom of the screen/display/viewport also on tall pages.
My goal is to make the footer stuck at the bottom of any page no matter the content size.
And no I dont want the footer to scroll with the page (position:fixed), just to pin it at the bottom of the screen.
Just like at the home page, if there’s lots of content it will still be at the bottom of the page, I don’t want it to be visible anytime, just to be stuck at the bottom of the page, not the bottom of the screen / viewpoint.
I just saw your replies and the screenshot you took, it shows that its at the bottom of the page and if you say that at the Cart page it’s at the bottom too then idk what to say because on my screen it’s defiantly not at the bottom.
The screen is the viewport/screen - the actual, physical device on which you are viewing the site. You seem to be using these terms interchangeably, but they have different and specific meanings.
So ye, I tried to access the website on another PC and it is perfect there, I guess it’s a problem with my Chrome or something…
I tried clearing cache, once I refreshed the page, it sticks at the bottom for 2 seconds and goes up to the center of the page just as you could see at the screenshot, damn.
I’m sorry for the trouble guys, thank you so much for helping me, It was all me lmao.
I used Chromium on Linux, the open version Google makes Chrome from, when I checked and all worked as expected.
As a web development forum we try to keep up with browser bugs and the two seconds at bottom then moving up looks like one.
So, if you check again and it still does, please tell us what version of Chrome you had trouble with, post the whole About-text-line you will find on the “About Chrome” page.
