ThemeShaper Forums » Thematic

[closed]

Zoom and background problem...

(5 posts)
  • Started 8 years ago by knowlsy
  • Latest reply from krowchuk
  • This topic is resolved
  1. knowlsy
    Member

    Hi Everyone,

    I think its most likely something simple, but i'm still learning!! I've sent the site out to some friends to test, and one is looking at it on a netbook (and is presumably zoomed in much further than I usually am). He's pointed out that the text is hanging over where it shouldn't over my background. Is there a way to fix things so that the zoom doesn't mess this up? I'm using firefox, but its also the case in other browsers...

    Here is my site

    www.salesianyouthministry.com

    here is my code for my background (what i suspect it is to do with...)

    #blog-title a {
    display:block;
    text-indent:-9000px;
    height: 233px; /* height of your header, like 180px */
    width: 929px; /* width of your header, like 940px */
    background:url(images/banner.png) no-repeat top center;
    }

    Thanks in advance

    Posted 8 years ago #
  2. Chris,

    At first I didn't see anything wrong and then I decided to resize my browser window, smaller. As you drag the window smaller your column on the right including the photo top right pushes left under the heading and the nav bar. Is this the issue your friend sees on his netbook? Netbooks have smaller screen resolution so I suspect this is what he is referring to.

    Cheers!
    Chris

    Posted 8 years ago #
  3. Your problem is here:

    #wrapper {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(images/background.jpg) no-repeat scroll center top;
    }

    I'm not sure why you did it this way, but... as an example if you go into firebug and disable the background:transparent url(images/background.jpg) no-repeat scroll center top;
    the problem goes away (as well as the image obviously!) You might wish to rethink how you are accomplishing your upper right image placement, your wrapping div and your background image.

    You could add

    margin:0 auto;
    width:1135px;

    and that probably would work.

    Cheers!
    Chris

    Posted 8 years ago #
  4. knowlsy
    Member

    Thanks (again) Chris!!

    Posted 8 years ago #
  5. My pleasure, glad it worked out for you. Do you have Firebug installed? Highly recommended for finding and debugging CSS issues.

    Posted 8 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.