Edit - Stack Overflow

You are not logged in. Your edit will be placed in a queue until it is peer reviewed.

We welcome edits that make the post easier to understand and more valuable for readers. Because community members review edits, please try to make the post substantially better than how you found it, for example, by fixing grammar or adding additional resources and hyperlinks.

No worries; if you want to test or see it; disable the position: fixed on the footer, temporarily remove a bunch of stuff from your <body>; like remove the entire <header> and almost everything else above the <footer>; just leave (or add) like a little bit of simple content that takes up a third of height of your visible screen. Now the footer should show on screen directly under that content; taking up the full pagewidth and effectively being at like top: 300px or some such. Then enable the <footer>s position: fixed again, and you'll see exactly what happens.

Raxi
– Raxi

2022-01-02 05:32:09 +00:00
Commented Jan 2, 2022 at 5:32
All that happens is the width shortens to fit the content - is that what's supposed to happen?

Yash117
– Yash117

2022-01-02 05:56:16 +00:00
Commented Jan 2, 2022 at 5:56
Yea. you basically see it retains it top and left values. The width changing is another side-effect but that wasn't so much related to the problem. Since your site had much more content initially, the footer was located way lower (i made up the 2000px-value but it could easily be something like that); and similar to in this experiment, it wouldve stayed around there

Raxi
– Raxi

2022-01-02 05:59:51 +00:00
Commented Jan 2, 2022 at 5:59

Add a comment |

Correct minor typos or mistakes
Clarify meaning without changing it
Add related resources or links
Always respect the author’s intent
Don’t use edits to reply to the author

create code fences with backticks ` or tildes ~
```
like so
```
add language identifier to highlight code
```python
def function(foo):
print(foo)
```
put returns between paragraphs
for linebreak add 2 spaces at end
_italic_ or **bold**
indent code by 4 spaces
backtick escapes `like _so_`
quote by placing > at start of line
to make links (use https whenever possible)

<https://example.com>

[example](https://example.com)

<a href="https://example.com">example</a>

formatting help »
answering help »

Collectives™ on Stack Overflow