fix for column display in IE

[GoogleCodeExporter]

What steps will reproduce the problem?

create columns as per example (writing into several spans)
use special CSS with nth-child
does not work for current IE.

FIX:

replace by similiar CSS2 construct

use  +*  instead of nth-child
first-child +* 
first-child +* +*
etc.

tested in current IE, FF and chrome.
I think also valid for ca. IE7+:

 ul.fancytree-container span.td {
     position: absolute;
     display: inline;
     border-size: 1px;
     overflow: hidden;
     background-color: white;
  }
  ul.fancytree-container span.td:first-child {
     position: static;
          width: 150px;

  }
  ul.fancytree-container span.td:first-child +*  {
     left: 600px;
     width: 150px;
  }
  ul.fancytree-container span.td:first-child +* +* {
     left: 750px;
     width: 250px;
  }

Original issue reported on code.google.com by buech...@gmail.com on 27 Aug 2014 at 5:40

[GoogleCodeExporter]

Original comment by moo...@wwwendt.de on 28 Aug 2014 at 5:43

• Changed state: Accepted
• Added labels: Milestone-Release1.2.x

[GoogleCodeExporter]

moved to GitHub: https://github.com/mar10/dynatree/issues/492

Original comment by moo...@wwwendt.de on 29 Mar 2015 at 1:08

• Changed state: Done