ThemeShaper Forums

Help In Shaping WordPress Themes

Register or log in:

Username:
Password:

Remember me

ThemeShaper Forums » Thematic

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. 

   krowchuk
   Member

   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. 

   krowchuk
   Member

   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. 

   krowchuk
   Member

   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.