SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    May 2010
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    zoom in and out distorting my pages. Help?

    Hi there everyone! I recently had a problem with setting up the navigation bar on a site properly, and recieved excellent assistance from sitepoint forum members. Thanks to all!

    I however now notice a new problem with my site. when the page is zoomed in and out, using the zoom function the navigation, as well as the content is getting moved around, and ruining the look of the page. I would like it to hopefully stay within the boundaries of the page set out for it ie: centred. I am not sure how to describe this issue properly, however here is a link to the site:

    http://www.fernyhillscomputers.com.au/fordham/

    Any help would, once again, be greatly appreciated.

    Regards, Chris.

  2. #2
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    It is a little dangerous having such a large background image my screen doesn't show the Barbara Fordham image or text slices here face-off (at normal 100% let alone Zoom).

    Also there is quite a lot of malformed markup in there. Perhaps you should consider fixed positioning the background image with CSS or making a wrapper.

  3. #3
    SitePoint Member
    Join Date
    May 2010
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey thanks for getting back to me so quick!

    yeah the background was a bit crappy. I was actually in the process of changing it. Sorry about that.
    Here is the link again. http://www.fernyhillscomputers.com.a...&id=1&Itemid=3
    From what you said though, it sounds like I have quite a bit of work/ learning to do. This template was purchased off portfoliodesign.org, and hence I was hoping it would work properly right out of the box.
    Just wondering if you could give me some pointers on where to start?

    Thanks again,
    Chris.

  4. #4
    SitePoint Member
    Join Date
    May 2010
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi again. I tried using a wrapper - had to find out what this was and where to put it, but it didnt seem to work. Any other ideas?

    Chris

  5. #5
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    It is looking a lot better than it did before and about the only thing wrong now is the you can see the text or contents behind (above) the navigation menu at high Zoom but I don't think that matters too much.

  6. #6
    SitePoint Member
    Join Date
    May 2010
    Posts
    7
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yeah, thanks for the responses. I took your advice and used a wrapper.
    I really appreciated all you help!

    Thanks again.
    Chris

  7. #7
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    No problem, I offered you the simplest solution of the top of my head and it looks like you now have a new skill regarding the use of wrappers - glad it worked.

  8. #8
    SitePoint Guru team1504's Avatar
    Join Date
    May 2010
    Location
    Okemos, Michigan, USA
    Posts
    732
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Zooming in and out should not be a big problem is your site works in different screen resolutions. I would recommend having it look well in 1280 X 1024 or 1024 X 768.
    Also have it look nice in bigger resolutions with a nice background.
    You could always use a liquid layout so that it fits with every resolution... but I am a fan of using hybrid layouts with mostly pixels as my units.

    try using viewlike.us to check your site in different resolutions instead of zooming in and out.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •