Question

I implemented tree rendering based on this excellent tutorial:

http://thecodeplayer.com/walkthrough/css3-family-tree

But for large trees, it seems that entire subtrees are “wrapped” around like text, which splits the tree into a confusing mess.

See the code here:

http://jsfiddle.net/shkAh/

Any ideas how to automatically expand the canvas and add scrollbars? I tried with various permutations of overflow:auto, but nothing works.

Answer 1

You can specify how wide you want the tree to be.
Try putting something like this in the CSS:
div.tree { width: 2000px; }