First and Last page have space above them... Why?

2 posts, 0 answers
  1. Scott
    Scott avatar
    68 posts
    Member since:
    Nov 2011

    Posted 05 Jul 2012 Link to this post

    See sample web page here, why is there extra space at the top of the first and last page, yes, all the other pages are just fine....? Thanks in advance!
  2. Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 10 Jul 2012 Link to this post

    Hi Scott,

    Seems to have something to do with display: inline-block; and its positioning specifics (like the white spaces that can't be easily hidden). I couldn't find exactly what causes it, but you can remove it with some negative positioning, like this:
    .km-scrollview > div > [data-role="page"]:first-child,
    .km-scrollview > div > [data-role="page"]:last-child
        position: relative;
        top: -55px;

    Kind regards,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top