I have written the beginnings of a tree control widget. It works on all modern 
browsers bar IE. I was trying to get what I had written to work on IE then I 
tried it on FF and friends and it worked fine, only to find out the IE, even IE 
7 does not support CSS Child Selectors ! Trust Micro$oft not to implement 
standards properly.

Anyway I have three classes and the following CSS :-

    div.tree-node-elements {
        display: none;
        margin-left: 14pt;
    }
    tree-node-collapsed > tree-node-elements {
        display: none;
    }
    tree-node-expanded > tree-node-elements {
        display: block;
    }

Then I generate the following <div> structure :-


    <div class="tree-node-expanded">
        <div class="tree-node-head">
            <img src="minus.gif">
        </div>
        <div class="tree-node-elements">
            <div class="tree-node-collapsed">
                <div class="tree-node-head">
                    <img src="minus.gif">
                </div>
                <div class="tree-node-elements">
                    ....
                </div>
            </div>
            ....
        </div>
    </div>    

I was wondering whether there is a work around at all, otherwise I will have to 
refactor and generalize my code.

Maybe theres no workaround, but I thought I had seen a tree control work this 
way, but cannot find the example now.

Any ideas ?

Many thanks in advance,

Aaron
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to