I created a dynamic hierarchical Organizational Chart using the code at http://thecodeplayer.com/walkthrough/css3-family-tree . The width of the chart will vary depending on the number of positions.
The issue is if the width of the chart gets larger than the browser window, the org. chart gets messed up by staying the same size as the windows and scrambling the structure instead of extending the flow of the window with a scroll bar. (fiddle: http://jsfiddle.net/euwx9qvq/ )
I added a very large width to the DIV in the CSS to by pass it for now.
But the width is too large and the scrolling of white space can get too long.
What I'm trying to do is to get the DIV to be the right size dynamically without hard coding a width in the CSS and have the scroll bar scroll to the exact size and not more.
Thank you.