treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Forums

Illustration by Nick Sirotich

border-top on iPad

  • XaviJr
    Permalink to comment #
    Hi guys. I have this html page with border top on the body:

    body {
    	 border-top: 6px solid #fff;
    }


    It appears ok in all browsers but in tried in iPad just for fun and it doesn't go along to all the width. Any idea why?
  • henrycharge
    Permalink to comment #
    is this just on the right hand side? like a small gap?



    I believe this is to do with mobile safari adding space for the scrollbar...
  • XaviJr
    Permalink to comment #
    It is just on the right side but it's not all that small. It can be that issue, thanks for the tip.
  • XaviJr
    Permalink to comment #
    The border-top problem wasn't the scrollbar, I had to add this meta:
    <meta name="viewport" content="initial-scale=1.0;">

    Now I just have that small gap. It's not serious but I must ask: any solution for that?
Add a Comment