Body Background Image Not Showing On iPhone

HTML & CSS
1

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/gkent/patient-resources/

Thanks in advance!
Todd

2

Try setting a min-width on html,body equal to the width of the largest item on the page (usually the page wrapper).

3

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

4

The biggest element in your page seems to be 1144px and not 1000px.


#footer-container {
    background-color: #B98C40;
   [B] min-width: 1144px;[/B]
    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

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.