SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Body Background Image Not Showing On iPhone

    Can someone look at this link and tell me why it wouldn't show the repeated background image on my iPhone? Works well on all other browsers...

    LINK-
    http://www.securehostserver.info/gke...ent-resources/


    Thanks in advance!
    Todd
    Todd Temple > T2 Design

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,387
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Try setting a min-width on html,body equal to the width of the largest item on the page (usually the page wrapper).

  3. #3
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Try setting a min-width on html,body equal to the width of the largest item on the page (usually the page wrapper).
    Tried this and I am still showing the body bkg not extending the width of the viewport. Here is a snapshot...

    http://www.securehostserver.info/gkent/i/iphone.png
    Todd Temple > T2 Design

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,387
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    The biggest element in your page seems to be 1144px and not 1000px.

    Code:
    #footer-container {
        background-color: #B98C40;
        min-width: 1144px;
        overflow: hidden;
        width: 100%;
    }
    Either change the footer to 1000px min-width or change the min-width on html,body to match the footer's 1144px min-width.

  5. #5
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That did the trick Paul! Thanks for your help. I had set that rule when first creating the home page but didn't review the rule when developing the interior pages.

    I had set the min-width for #home #wrapper-container to 1144px so that the background image would appear to extend past the slideshow. But I didn't intend for it to cause the page to grow in width. Stupid me. I may need to evaluate a better way to have that background image (that measures 1144px) on the home page without adding the additional width. Hmmmm..... There must be a better way.
    Todd Temple > T2 Design


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
  •