CODEWITHSUNDEEP
cssmobile-safari
user154107
user154107

Reputation: 899

on iPad background won't go completely across

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??

Upvotes: 5

Views: 3980

Answers (1)

Eric
Eric

Reputation: 99

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.

Upvotes: 9

Related Questions