css - on iPad background won't go completely across -


here code:

#body_background {     background:transparent url('../images/am_bg_header.jpg') repeat-x 0 0;     display: block;}  #header {     height:107px; } 

on ipad reason background flows endless on right not on left... background_body tag outer tag (except body) still seems restricted on right , want go endless on right.

and guess' why??

i know 6 months old, had same problem , figured out answer through safari web developer's guide here: default width of ipad (or iphone) viewport 980px, if design page bigger that, automatic content (anything not given width) seems cut off @ edge.

to fix this, need set viewport width want page viewed @ adding meta tag head, so:

<head>   <meta name="viewport" content="width=1050" /> </head> 

if page less 980px wide, isn't problem having.


Comments

Popular posts from this blog

android - Spacing between the stars of a rating bar? -

aspxgridview - Devexpress grid - header filter does not work if column is initially hidden -

c# - How to execute a particular part of code asynchronously in a class -