Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Aug 2005
    Location
    Canada
    Posts
    137
    Thanks
    2
    Thanked 0 Times in 0 Posts

    IE Background Positioning

    For some reason some people using IE (not all people, only some) get a background that should be positioned to the center of screen, one pixel to many to the right.
    I tried to fix this by using PHP to adjust it for IE users, but the problem is not everyone gets the initial mess up.
    This is making for a very difficult situation to fix.
    Any help would be great.

    Here is the site: http://bravofleet.com/

    Here is a screen shot: http://im.noveis.net/ieglitch.jpg
    Before I tried to resolve the issue, the grey area would be the on right side.


    Thank you.

  • #2
    Regular Coder
    Join Date
    Aug 2005
    Location
    Canada
    Posts
    137
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Anyone?

  • #3
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Hopefully this would explain some things. http://www.positioniseverything.net/bg-centering.html

    Also no need to bump your thread. Its the weekend. There aren't that many people online during the weekend. It could take days sometimes to get a response.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #4
    Regular Coder
    Join Date
    Aug 2005
    Location
    Canada
    Posts
    137
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Sorry for bumping, I was just frustrated with having a site that was live, that some people couldn't see properly.

    The site you linked to was vauge on the resolution, but fortunately I was able to make it work with this:
    Code:
    body {
    	background:#151515;
    	color:#ffffff;
    	font-family:verdana;
    	font-size:12px;
    	width:938px;
    	margin:0 auto 0 auto;
    }
    
    #background-wrap {
    	position:relative;
    	top:0;
    	left:0;
    	background:url(images/bg.png) top center repeat-y;
    }
    
    #content-wrap {
    	width:930px;
    	margin:0 auto 0 auto;
    	text-align:left;
    }
    Hopefully this will help someone else out in the future.

    Edit:
    Now it's I have the problem that the background isn't extending to the very bottom of the browser.
    Any suggestions?
    Last edited by marcus1060; 07-30-2007 at 09:41 AM.


  •  

    Posting Permissions

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