a firefox scrollbar bug

Discussion in 'HTML' started by meltedown, Apr 15, 2006.

  1. meltedown

    meltedown Guest

    here is the problem broken down to a simple example:
    http://reenie.org/test/test26.php

    There is a blue table you must scroll down to.

    The table has cellspacing of 1 with a div for a background to make
    single pixel cell borders. As you can see, the right hand of the table
    has a 2 pixel border in firefox.

    The thick border only shows up when there is a scroll bar.

    Is there any way around this ?
     
    meltedown, Apr 15, 2006
    #1
    1. Advertising

  2. meltedown wrote:

    > here is the problem broken down to a simple example:
    > http://reenie.org/test/test26.php
    >
    > There is a blue table you must scroll down to.
    >
    > The table has cellspacing of 1 with a div for a background to make
    > single pixel cell borders. As you can see, the right hand of the table
    > has a 2 pixel border in firefox.
    >
    > The thick border only shows up when there is a scroll bar.

    actually, it only shows up for certain window sizes. These are so few that
    the glitch could be avoided.
    >
    > Is there any way around this ?


    /* untested
    skip the div, make the table class='blu' */
    table.blu { width:50%; margin:auto; border-top:1px solid blue;
    border-right:1px solid blue }
    table.blu td { border-bottom:1px solid blue;
    border-left:1px solid blue }

    --
    Thomas Jollans - http://jollybox.de/
    GNU/Linux - freedom, functionality, power - what more do you want ?
    When in doubt, follow the penguins.
     
    Thomas Jollans, Apr 15, 2006
    #2
    1. Advertising

  3. meltedown

    Martin Jay Guest

    In message <j9a0g.128384$>, meltedown
    <> writes
    >here is the problem broken down to a simple example:
    >http://reenie.org/test/test26.php
    >
    >There is a blue table you must scroll down to.
    >
    >The table has cellspacing of 1 with a div for a background to make
    >single pixel cell borders. As you can see, the right hand of the table
    >has a 2 pixel border in firefox.
    >
    >The thick border only shows up when there is a scroll bar.
    >
    >Is there any way around this ?


    I was about to say what 2 pixel border on the right, but then I re-sized
    Firefox's window and saw your problem.

    Maybe give the table 50% width and use the style "border-collapse:
    collapse," then give the td the 1px blue border you want. Something
    like this:

    <style type='text/css'>
    td{background:white; border: 1px blue solid;}
    table{width: 50%; margin: auto; border-collapse: collapse;}
    </style>

    I've uploaded the full page to
    <http://www.spam-free.org.uk/pages/table.html>.
    --
    Martin Jay
     
    Martin Jay, Apr 15, 2006
    #3
  4. meltedown

    Jim Moe Guest

    meltedown wrote:
    > here is the problem broken down to a simple example:
    > http://reenie.org/test/test26.php
    >
    > There is a blue table you must scroll down to.
    >

    There is no blue table. There is no scroll bar.

    > The table has cellspacing of 1 with a div for a background to make
    > single pixel cell borders. As you can see, the right hand of the table
    > has a 2 pixel border in firefox.
    >
    > The thick border only shows up when there is a scroll bar.
    >
    > Is there any way around this ?


    Not really. This is a bizarre little defect in FF (the gecko engine), an
    off-by-one error caused, no doubt, by rounding to integer values. As the
    viewport width is changed, that border changes size as well.
    Your method to get such a border is rather unusual. Most people would
    use the "border" property to define a border:
    table {
    border-collapse: collapse;
    border-top: 1px solid blue;
    border-right: 1px solid blue;
    }
    td {
    background:white;
    border-left: 1px solid blue;
    border-bottom: 1px solid blue;
    }


    --
    jmm (hyphen) list (at) sohnen-moe (dot) com
    (Remove .AXSPAMGN for email)
     
    Jim Moe, Apr 15, 2006
    #4
  5. meltedown

    meltedown Guest

    Martin Jay wrote:
    > In message <j9a0g.128384$>, meltedown
    > <> writes
    >> here is the problem broken down to a simple example:
    >> http://reenie.org/test/test26.php
    >>
    >> There is a blue table you must scroll down to.
    >>
    >> The table has cellspacing of 1 with a div for a background to make
    >> single pixel cell borders. As you can see, the right hand of the table
    >> has a 2 pixel border in firefox.
    >>
    >> The thick border only shows up when there is a scroll bar.
    >>
    >> Is there any way around this ?

    >
    > I was about to say what 2 pixel border on the right, but then I re-sized
    > Firefox's window and saw your problem.
    >
    > Maybe give the table 50% width and use the style "border-collapse:
    > collapse," then give the td the 1px blue border you want. Something
    > like this:
    >
    > <style type='text/css'>
    > td{background:white; border: 1px blue solid;}
    > table{width: 50%; margin: auto; border-collapse: collapse;}
    > </style>
    >
    > I've uploaded the full page to
    > <http://www.spam-free.org.uk/pages/table.html>.


    Looks good, thanks for the tip.
     
    meltedown, Apr 16, 2006
    #5
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. =?Utf-8?B?cGF0cmlja2RyZA==?=

    1) textarea firefox scrollbar 2) input check border 3) datagrid si

    =?Utf-8?B?cGF0cmlja2RyZA==?=, May 14, 2007, in forum: ASP .Net
    Replies:
    0
    Views:
    446
    =?Utf-8?B?cGF0cmlja2RyZA==?=
    May 14, 2007
  2. Defacta

    The scrollbar and Firefox.

    Defacta, Dec 1, 2007, in forum: HTML
    Replies:
    18
    Views:
    654
    Jonathan N. Little
    Dec 2, 2007
  3. Alex

    ScrollBar? Does it exist just WEB ScrollBar Control?

    Alex, Apr 1, 2004, in forum: ASP .Net Web Controls
    Replies:
    1
    Views:
    299
    Alvin Bruney [MVP]
    Apr 4, 2004
  4. Ash Man

    Scrollbar for a table in Firefox

    Ash Man, Jul 8, 2005, in forum: Javascript
    Replies:
    1
    Views:
    148
    Richard Cornford
    Jul 9, 2005
  5. Replies:
    7
    Views:
    138
Loading...

Share This Page