954,598 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

Image shifts when page is zoomed

Hi.
I am having a problem when a user zooms on one page of my website. When the zoom is set to 100% it looks fine, but when you zoom in or out, an image that I have on the page shifts around. To see what I mean, please go to the page I am referring to: http://www.newstylesignsusa.com/interior.html

The image is the big picture with a double border. Try zooming your page in or out, and you see that the image shifts around. I tried goving it

margin:0 auto;


which doe not help.

Any suggestions? Please help!! Thank you for your time!!

suavedesign
Junior Poster in Training
56 posts since Dec 2010
Reputation Points: 10
Solved Threads: 0
 

The image in the double border isn't anchored to the mainWrapper div or info div - add

position:relative


to one of them (you may have to experiment to see which one works) but that should then anchor the

position:absolute


to within the mainWrapper or info box.

Nice lower graphic and overall layout BTW - really shows you're a graphics oriented person.

Dandello
Posting Whiz in Training
263 posts since May 2010
Reputation Points: 28
Solved Threads: 23
 

thank you! This did the trick.
Thanks for your time.

suavedesign
Junior Poster in Training
56 posts since Dec 2010
Reputation Points: 10
Solved Threads: 0
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You
View similar articles that have also been tagged: