Board Thread:Support Requests - Designing Your Wiki/@comment-44745594-20200927035923

Hello!

I was wondering how to make an image background (not the Wiki-background) fixed so that:
 * 1) The image does not move when a user scrolls the page
 * 2) The image is fit for all users with different computer screens

On my wiki, I am using two test templates: [1] & [2]. The image that I am referring to is not the Wiki-background, but an image that I manually uploaded and coded in the MediaWiki:Wikia.css using   >   for the two templates mentioned before.

For Template [1], I fixed the background using   and it results in:

If you can see on this template page [1], the background image is indeed fixed on both computers so that the image does not move when I try to scroll. However, the image yellow border lines are not aligned with the edge of the wiki page on the 13" computer screen as they are on the 15" computer screen.

For Template [2], I did not fix the background nor let it repeat (because I do not want a repeated image) and it results in: On this template [2], no matter what size the computer screen is, the image yellow borders remain aligned with the edge of the wiki page. However, the image does not stay fixed and scrolls up whenever I scroll up as well.

So my question is, is it possible to make the image fixed so that it does not move when someone tries to scroll up and for the image to fit no matter what size the computer screen is? If it is possible, could someone maybe tell me the code please? And if not, please tell me so I know and won't keep attempting! Thank you so much! Please ask questions if I did not make my question clear enough! 