Alignment of DIV vertical scrollbar changed from Firefox 2 to Firefox 3

Posted on 2009-02-20
Last Modified: 2013-12-25
Hi All,

It appears that Firefox 3 has changed the way vertical scrollbars are displayed in relation to content when using overflow:auto. The below code and images should make the problem clear. The outer containing table is there to collapse the DIV with to the inner table width, which is dynamic width. The inner table could have any number of columns. Any clues how I can make this Firefox 3 scrollbar behave like IE and like it did in Firefox 2?

<table cellpadding="0" cellspacing="0" border="0"><tr><td>

            <div id="gridDiv0" style="height:300px;overflow:auto;font-family:Arial; font-size:6pt;">

            <table cellpadding="0" cellspacing="0">

                <asp:Repeater ID="rptScheduleGrid0" runat="server" EnableViewState="false">


Open in new window

Question by:danburyit
    1 Comment
    LVL 1

    Accepted Solution

    OK, I got this figured out. I had to do a little browser sniffing and for FF3 I added a 17px right margin to the inner table (with the grid). It seems to be working very nicely.

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    Introduction Many web sites contain image galleries; a common design for these galleries includes a page with a collection of thumbnail images.  You can click on each of the thumbnail images to see the larger version of the image.  This is easily i…
    Using SQL Scripts we can save all the SQL queries as files that we use very frequently on our database later point of time. This is one of the feature present under SQL Workshop in Oracle Application Express.
    Viewers will get an overview of the benefits and risks of using Bitcoin to accept payments. What Bitcoin is: Legality: Risks: Benefits: Which businesses are best suited?: Other things you should know: How to get started:
    Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    14 Experts available now in Live!

    Get 1:1 Help Now