I've spent a day writing software that will generate a multi-page/level
family tree from a single HTML template and a Gedcom file, yet what seems
like a minor issue with the CSS in the template is just confounding me. :(

Here's my CSS code which applies a background graphic (the branches
linking the ancestors) to the table:

table.outer-table {
width: 430px;
background: url(images/tree.gif) no-repeat 0px 0px;
}

On IE6, it aligns with the ancestor entries nicely. On Firebird though,
the x (from left) co-ordinate appears to the same, but the y (from top)
co-ordinate appears to push the image a few (3/4?) pixels lower than it
renders in IE, completely ruining the effect. Am I doing something
obviously wrong or is this just one of those browser differences I can do
nothing with for the moment?

By the way, if I apply the image directly to the HTML (<table
background="images/tree.gif">), it displays fine on both browsers. I have
a very good reason for not wanting to do it this way, but it's been such a
long day, I can't remember what that reason is. #-o

--
Lee J. Moore
Let us hob and nob with Death - Tennyson

On Mon, 28 Jun 2004 00:18:34 +0100, Lee J. Moore wrote:
//
[Re table background image gumf][color=blue]
> On IE6, it aligns with the ancestor entries nicely. On Firebird though,
> the x (from left) co-ordinate appears to the same, but the y (from top)
> co-ordinate appears to push the image a few (3/4?) pixels lower than it
> renders in IE, completely ruining the effect.[/color]

Aak. Ignore. Completely fixed by adjusting line-spacing and cell
height.


--
Lee J. Moore
Let us hob and nob with Death - Tennyson