Welcome to TalkGraphics.com
Results 1 to 10 of 11

Hybrid View

  1. #1
    Join Date
    Jan 2004
    Location
    Holland Patent, NY, USA
    Posts
    605

    Default Re: Site not centered

    I see the grey background on the right hand side in both Chrome and Safari on iPad 3 and iPhone 5.

    Was the HTML generated by XWD? The body tag looks like this below when inspected with Firefox (Inspect Element using Developer Tools, not View Code):

    HTML Code:
    <body id="ecwid_body" class="ecwid-lang-en" style="background-color: rgb(204, 204, 204); min-height: 735px; background-position: 114.5px 0px;">
    The 204, 204, 204 is the same gray showing so I assume this is the tag causing it. I'm not sure why there is a background-position 114.5px 0px css defined when I don't think your using a background image. Without further testing, I can't say that it is causing the problem, but what I would do is save the HTML to a test location with out the background-position and see if it views differently in your mobile device.

    On closer look, I'm guessing your page is loading CSS from this site (http://www.ecwid.com/ ) that may be throwing things off. I haven't dug deep enough into it, but if you remove the external script and CSS references and the problem clears, you can isolate the problem.

    This reference maybe caused by the associated script file.:
    HTML Code:
    <link rel="stylesheet" href="http://app.ecwid.com/css?ownerid=1530145&h=-1164973116&lang=en&id-selector=html%23ecwid_html%20body%23ecwid_body"></link>
    Source script:
    HTML Code:
    <script type="text/javascript" src="http://app.ecwid.com/script.js?1530145"></script>
    Hope this helps...

  2. #2
    Join Date
    Jan 2010
    Location
    Bradford, England
    Posts
    1,829

    Default Re: Site not centered

    Tested it without the ecwid code and it seems that the code is the problem. The code has to stay so the client will have to live with it, it is only on some phones anyway and is not that much of a big deal, I'm probably being a bit pedantic. Thanks to everyone who has checked this for me and a special thanks to Steven for the heads up on the ecwid code.
    Flawless Form. Faultless Function. Crafted by Cloud

    https://www.cloudwebagency.co.uk

  3. #3
    Join Date
    Jan 2004
    Location
    Holland Patent, NY, USA
    Posts
    605

    Default Re: Site not centered

    Quote Originally Posted by skech View Post
    Tested it without the ecwid code and it seems that the code is the problem.
    If you really wanted to fuss, you could determine what the offending CSS rule is and attempt to override it with the !important rule and your own inline CSS definition.

    http://webdesign.about.com/od/css/f/blcssfaqimportn.htm

    Anyway, glad you got it sorted...

 

 

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
  •