Grow your CSS skills. Land your dream job.

border-top on iPad

  • # April 4, 2012 at 12:24 pm

    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?

    # April 4, 2012 at 12:31 pm

    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…

    # April 4, 2012 at 12:44 pm

    It is just on the right side but it’s not all that small. It can be that issue, thanks for the tip.

    # April 5, 2012 at 5:49 am

    The border-top problem wasn’t the scrollbar, I had to add this meta:

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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".