Posted by dfloss on 03/07/07 15:56

Jonathan N. Little wrote:
> dfloss wrote:
>> http://tinyurl.com/2a5tjn
>>
>> If you scroll through the various linked pages, the nav arrows and/or
>> column border are in a different position by around two pixels on
>> various pages. They all use the same code for the top, left and
>> bottom div's, with the exception of the column border (which may be
>> attached to the left or right column).
>>
>> Results in various browsers:
>> * IE6 & Opera: arrows never move, column borders move
>> * Firefox: arrows and column border move
>
> Because you are using a table for layout, a table by default tries to
> expand to accommodate the content, and since the content changes from
> page to page the table adjusts. Use DIVs and you can stop the shift.
>

After digging in, I located the problems. They weren't related to
tables, all of which are inside containing <div>'s.

The column border problem was pixel error {margin: __px}. The
horizontal position was off by one pixel when the border was attached to
the right column.

Arrow movements are still a bit obscure, but look like a Firefox bug.
The arrows (which are absolutely positioned) move left slightly when
Firefox has a vertical scroll bar. They don't move in other browsers.

[Back to original message]