Posted by Jonathan N. Little on 03/07/07 17:25

dfloss wrote:
> 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.

pixel spacing and tables are not helping your design.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]