Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > a firefox scrollbar bug

Reply
Thread Tools

a firefox scrollbar bug

 
 
meltedown
Guest
Posts: n/a
 
      04-15-2006
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 ?
 
Reply With Quote
 
 
 
 
Thomas Jollans
Guest
Posts: n/a
 
      04-15-2006
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.
 
Reply With Quote
 
 
 
 
Martin Jay
Guest
Posts: n/a
 
      04-15-2006
In message <j9a0g.128384$(E-Mail Removed)>, meltedown
<(E-Mail Removed)> 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
 
Reply With Quote
 
Jim Moe
Guest
Posts: n/a
 
      04-15-2006
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)
 
Reply With Quote
 
meltedown
Guest
Posts: n/a
 
      04-16-2006
Martin Jay wrote:
> In message <j9a0g.128384$(E-Mail Removed)>, meltedown
> <(E-Mail Removed)> 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.
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Tkinter Scrollbar bad behavior [re. bug #10232] Robert A. Lerche Python 1 10-30-2010 05:53 PM
1) textarea firefox scrollbar 2) input check border 3) datagrid si =?Utf-8?B?cGF0cmlja2RyZA==?= ASP .Net 0 05-14-2007 12:02 AM
JPanel/ScrollBar Bug Jenny Java 3 08-28-2004 09:52 AM
pesky windows logo instead of firefox on scrollbar buggerbuggerbugger Firefox 7 08-09-2004 02:13 PM
ScrollBar? Does it exist just WEB ScrollBar Control? Alex ASP .Net Web Controls 1 04-04-2004 12:44 AM



Advertisments