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
