SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast jcorbin's Avatar
    Join Date
    Apr 2010
    Location
    Chicago, IL, US
    Posts
    27
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Web page breaks in Opera Mobile and iPad browsers

    Hi all!

    The webpage i'm working on works fine on the desktop (I've tried all the major browser) and it works fine on Android's default browser. However when viewing the page on a iPad or Opera Mobile browser the cent image part of the boarder shifts to the right. I'm not sure what's causing the issue since it's really hard to try different tests on the mobile platforms.

    Main link: http://www.jcorbindesign.com/lightof...abilities.html

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,175
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by jcorbin View Post
    The webpage i'm working on works fine on the desktop.
    Not really, as you'll see if you narrow down your browser window to less than 1200px width.

    One thing you can do to help with this is to add this to your CSS:

    Code:
    #boarderbg {
    width:1200px;
    margin: 0 auto;
    }

  3. #3
    SitePoint Enthusiast jcorbin's Avatar
    Join Date
    Apr 2010
    Location
    Chicago, IL, US
    Posts
    27
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ah...set a width value to the boarder and auto margin left/right. Yup that did the trick!

    Thanks again Ralph. m!


Bookmarks

Posting Permissions

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