Here is my code:
#body_background {
background:transparent url('../images/am_bg_header.jpg') repeat-x 0 0;
display: block;}
#header {
height:107px;
}
On the iPad for some reason the background flows endless on the right but not on the left... the background_body tag is the outer most tag (except for body) however it still seems restricted on the right and I want it to go endless on the right.
And guess' why??
Reset the Home Screen and apps to their original layoutGo to Settings > General > Transfer or Reset iPad. Tap Reset, tap Reset Home Screen Layout, then tap Reset.
Adjust the magnification: Double-tap the screen with three fingers (without lifting your fingers after the second tap), then drag up or down. Or triple-tap with three fingers, then drag the Zoom Level slider.
What has most likely happened is you may have accidentally enabled the zoom feature by double tapping it with 3 fingers. To fix this issue, simply double-tap on the screen with 3 fingers, and the screen will usually go back to normal and eliminate the magnification.
I know this is six months old, but I had the same problem and figured out the answer through the Safari Web Developer's Guide here: the default width of an iPad (or iPhone) viewport is 980px, if you design a page bigger than that, your automatic content (anything not given a width) seems to cut off at that edge.
To fix this, you need to set the viewport to the width you want your page to be viewed at by adding a meta tag to the head, like so:
<head>
<meta name="viewport" content="width=1050" />
</head>
If your page is less than 980px wide, then this probably isn't the problem you are having.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With