Is it possible to position an image in the center of the screen rather than the center of the browser?

Question

As the title says, is it possible to position an image in the center of the screen rather than the center of the browser?

This means if your browser wasn't open full screen (lets assume the browser is only using 3/4 of your screen), the image would not appear in the middle of the browser window, but rather in the middle of your actual screen. This means the image might be positioned near the right edge of your browser window.

Thank you.

Check out this SO question: http://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window — Joshua, Aug 30 '14 at 20:43
I am curious how this works when you have 2 monitors, or your browser is in the middle of the 2. — Claudiu Creanga, Aug 30 '14 at 20:53
@Claudiu: It returns (width1+width2)x(max-height), no matter where your browser is. — lima_fil, Aug 30 '14 at 21:36

score 1 · Answer 1 · edited May 23 '17 at 12:28

1

You can get the screen resolution and measure image position depending on this. Look to this

How to detect the screen resolution with JavaScript?

edited May 23 '17 at 12:28

Community

1
1

answered Aug 30 '14 at 20:46

PashaB

111
4

score 0 · Answer 2 · edited May 23 '17 at 12:22

You cannot position anything outside of the viewport unless you open a new window. If your question is referring strictly to an image element only. The answer is No. Anything positioned outside of the browser viewport will cause horizontal scrolling inside the viewport.

On desktop, you can however open a popup window in the middle of the screen the size of your image, with your image in it.

Is it possible to position an image in the center of the screen rather than the center of the browser?

2 Answers2