Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    May 2008
    Posts
    67
    Thanks
    4
    Thanked 0 Times in 0 Posts

    1 Image causing Ipad/Iphone to cut of right of screen

    Hey, so I have a very annoying problem with an image causing my backgrounds to be cut off. See below, the animation with the pencil is the image and you can see how the background no longer views as 100%



    The full page is here:

    http://www.begraphics.com/sites/fands/tipsandtricks.php

    This image is positioned just using a float and image margins and the background image is set like:

    Code:
    #footer_bg {
    	margin-top: -28px;
    	float:none;
    	height:100%;
    	height: 97px;
    	background: url(../images/slant-bottom2.png) repeat-x;
    	background-size: 100% 137px;
    	z-index: -10;
    }
    If anyone has an ipad/iphone hack info or knows how to solve this problem any help would be great. All the other pages display correctly.

    Thanks

    Eddie

  • #2
    New Coder
    Join Date
    May 2008
    Posts
    67
    Thanks
    4
    Thanked 0 Times in 0 Posts
    To add to this after reading around I added: <meta name = "viewport" content = "width = 1080"> to head of page, which fixed the issue on Android but not Ipad sigh...

  • #3
    New Coder
    Join Date
    May 2008
    Posts
    67
    Thanks
    4
    Thanked 0 Times in 0 Posts
    anyone?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •