title: Web page appears on the half of ipad's screen
body: <p>One of my recent works has some pretty strange bugs on the ipad. I don't own one, so my client took some screenshots for me. I am totally out of ideas. </p>
  
  <p>The site is built with Twitter Bootstrap. You can find it here as well as all of the code: </p>
  
  <p><a href="http://www.webalys.com/" rel="nofollow">http://www.webalys.com/</a></p>
  
  <p>Here are the screenshots:</p>
  
  <p><a href="https://www.box.com/s/f45c618996c65006266a" rel="nofollow">https://www.box.com/s/f45c618996c65006266a</a></p>
  
  <p>On two of the images the site appears only on half of the screen in landscape mode.
  Then if it doesn't do that there's some huge margin on both sides ( I think it's from the fixed layout we used ).</p>
  
  <p>I played a lot with the viewport meta tag but with no luck. Whatever I do it looks bad either on the ipad or the iphon or on android phones. 
  I added the viewport meta tag to avoid squishing all the text in one column to fit mobile displays. </p>
  
  <p>And the strangest of them all is that if it's loaded from a google search, the site loads on one side and the search remains on the other.</p>
  
  <p>I am not sure if I managed to explain clear enough. </p>
  
  <p>Thanks !</p>