FB Fanpage Scroll Bars - HELP?

by Darren Hodgson 1 replies
I've created an iframe app for a facebook fanpage. The dimensions are fine horizontally, however, the page is a bit long and the iframe has scroll bars on the vertical. Can anybody give me a little advice on how to remove the scroll bars as it make it look really unprofesional.
#website design #bars #fanpage #scroll
Avatar of Unregistered
  • Profile picture of the author Mkj
    You either need to make the content less so that the iframe loses it's scroll bar automatically, or you need to set the height of the iframe and lose the scroll bars altogether. To remove iframe scroll bars use scrolling="no".

    If you have access to the iframe content you can remove both or any of the scroll bars individually like this:

    remove horizontal scroll bar

    body {
    overflow-x: hidden;
    }

    remove the vertical scroll bar:

    body {
    overflow-y: hidden;
    }

    To remove both scroll bars use:

    body {
    overflow: hidden;
    }

    Place any of the above in style tags in the header like this example:

    <style type="text/css">
    body {
    overflow: hidden;
    }
    </style>
    {{ DiscussionBoard.errors[4402168].message }}

Trending Topics