User:Peter coxhead/Test/Clade

This page tests Barlabel, a template that I work on from time to time.

Tests of Barlabel
Height = (2.5 * size)em; Position = (pos * 2.5 - 2)em. This assumes that browsers lay out tables where line-height:100% is set with 2.5em per row, which tests show to be ok for those browsers I've tried. But what about old versions of IE?

Example3
The brackets can overlap, but the vertical bar can only be of one colour:

Manual fix for browser difference
The manually constructed cladogram below appears to look the same in both groups of browsers (i.e. those like Safari/Opera/Chrome and those like Firefox/IE). The problem appeared to be only how to automate this: it requires the total number of leaf nodes in each child clade to be known in advance of constructing the hidden table cells, which would require two passes through the cladogram, once to count leaf nodes and once to construct the hidden table. I don't know how to do this.

However, I have recently discovered that more complex cladograms, such as the one below, look the same in Safari/Opera/Chrome and in Firefox + IE7/IE8, but NOT in IE9. So it looks as if browser differences can't be removed without detecting which browser it is. (Private note: factor = 1.58 rather than 1.5)