/    Sign up×
Community /Pin to ProfileBookmark

Resolution Issues (Images)

Copy linkTweet thisAlerts:
Mar 29.2011

How do I stop an image from moving on a page when you are on different resolutions?

Let’s say Mary’s resolution 1680 x 1050
John’s resolution is 1280 x 1024

John build the site in his resolution. When Mary visits the site the logo image isn’t in the same area EXACTLY as it is on John’s screen.

How do I make it so that no matter the resolution the user will see the image in the same place even upon Zooming in or Zooming out (Hold Ctrl + Mouse Wheel).

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@Eye_for_VideoMar 29.2011 — Are you talking about the apparent position shifting because the site is a "liquid" site, always expanding/contracting to cover 100% of the viewers window?

A link to the exact page is always the most helpful, along with exact and detailed description of the problem, location of the problem on the page, etc.

Best wishes,

Eye for Video
Copy linkTweet thisAlerts:
@KorApr 01.2011 — 

John build the site in his resolution. When Mary visits the site the logo image isn't in the same area EXACTLY as it is on John's screen.[/QUOTE]
Not really. The logo might not be in the same position but relative [I]to the viewport[/I]. All the elements will be in other position as well, [I]but [B]not[/B] relative one to each other[/I]. The site will look the same in a higher resolution, except that the elements will be smaller.

If you have a problem, post the code or better a link to a test page.
×

Success!

Help @ScathDeSolas spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...