todd_temple — 2011-10-26T09:16:18-04:00 — #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...
Thanks in advance!
paulob — 2011-10-27T07:41:38-04:00 — #2
Try setting a min-width on html,body equal to the width of the largest item on the page (usually the page wrapper).
todd_temple — 2011-10-27T08:44:57-04:00 — #3
Tried this and I am still showing the body bkg not extending the width of the viewport. Here is a snapshot...
paulob — 2011-10-27T09:01:21-04:00 — #4
The biggest element in your page seems to be 1144px and not 1000px.
[B] min-width: 1144px;[/B]
Either change the footer to 1000px min-width or change the min-width on html,body to match the footer's 1144px min-width.
todd_temple — 2011-10-27T09:26:58-04:00 — #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.