Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

Page jumping in Firefox

  • 15-01-2009 10:04AM
    #1
    grahamor
    Registered Users, Registered Users 2 Posts: 872 ✭✭✭


    Hi,

    One page on my site has just 1 paragraph of text and the other has 10 paragraphs, causing the scollbars too appear.

    The scrollbars make the page layout jump (because they dont appear when not needed)

    Is there a simple fix for this ?

    Thanks


Comments

  • #2
    John_Mc
    Registered Users, Registered Users 2 Posts: 2,793 ✭✭✭John_Mc


    grahamor wrote: »
    Hi,

    One page on my site has just 1 paragraph of text and the other has 10 paragraphs, causing the scollbars too appear.

    The scrollbars make the page layout jump (because they dont appear when not needed)

    Is there a simple fix for this ?

    Thanks

    You could set a minimum height for the page with only one paragraph?


  • #3
    grahamor
    Registered Users, Registered Users 2 Posts: 872 ✭✭✭grahamor


    Thats just an example, it's going to vary from page to page.


  • #4
    John_Mc
    Registered Users, Registered Users 2 Posts: 2,793 ✭✭✭John_Mc


    grahamor wrote: »
    Thats just an example, it's going to vary from page to page.

    Does that make a difference? Assuming you have a Contents Div used on all pages, set the min-height to something that works for the design in your CSS stylesheet.


  • #5
    grahamor
    Registered Users, Registered Users 2 Posts: 872 ✭✭✭grahamor


    I found this on the Drupal forum, so i think it will help me.

    add the following HTML at the end of your page just before the closing body element.
    <div id="mozscroll">&nbsp;</div>

    Then add this CSS code to your style sheet: 
    #mozscroll { position: absolute; top: 0px; bottom: -1px; visibility: hidden } /* Force vertical scrollbar in Gecko browsers */


Advertisement