Why is netscape ignoring the rest of my layers after the first nested layer?

Check it out:<br />
<br />
<div id="lyr0" style="position:absolute;"><br />
<div id="lyr0_0" style="position:absolute;"></div><br />
<div id="lyr0_1" style="position:absolute;"></div><br />
<div id="lyr0_2" style="position:absolute;"></div><br />
<div id="lyr0_3" style="position:absolute;"><br />
<div id="lyr0_3_0" style="position:absolute;"></div><br />
</div><br />
<div id="lyr0_4" style="position:absolute;"></div><br />
</div><br />
<br />
<br />
<br />
I registers all of them except for "lyr0_4". Why is it doing that?<br />
<br />
I also tried:<br />
<br />
<br />
<layer id="lyr0"><br />
<layer id="lyr0_0"></layer><br />
<layer id="lyr0_1"></layer><br />
<layer id="lyr0_2"></layer><br />
<layer id="lyr0_3"><br />
<layer id="lyr0_3_0"></layer><br />
</layer><br />
<layer id="lyr0_4"></layer><br />
</layer><br />
<br />
<br />
It still ignored "lyr0_4", but if I create another layer after "lyr0":<br />
<br />
<br />
<layer id="lyr0"><br />
<layer id="lyr0_0"></layer><br />
<layer id="lyr0_1"></layer><br />
<layer id="lyr0_2"></layer><br />
<layer id="lyr0_3"><br />
<layer id="lyr0_3_0"></layer><br />
</layer><br />
<layer id="lyr0_4"></layer><br />
</layer><br />
<layer id="lyr1"><br />
<br />
<br />
It will register "lyr1", but still,... it ignores "lyr0_4"! Why is it doing that?<!--content-->well I would take the lyr0_3_0 layer out and see if it works. if so then you know what the problem is.<!--content-->It did work when I removed it:<br />
<br />
<div id="lyr0" style="position:absolute;"><br />
<div id="lyr0_0" style="position:absolute;"></div><br />
<div id="lyr0_1" style="position:absolute;"></div><br />
<div id="lyr0_2" style="position:absolute;"></div><br />
<div id="lyr0_4" style="position:absolute;"></div><br />
</div><br />
<br />
<br />
Also, if I put "lyr0_3" at the end it will see all of them:<br />
<br />
<div id="lyr0" style="position:absolute;"><br />
<div id="lyr0_0" style="position:absolute;"></div><br />
<div id="lyr0_1" style="position:absolute;"></div><br />
<div id="lyr0_2" style="position:absolute;"></div><br />
<div id="lyr0_4" style="position:absolute;"></div><br />
<div id="lyr0_3" style="position:absolute;"><br />
<div id="lyr0_3_0" style="position:absolute;"></div><br />
</div><br />
</div><br />
<br />
<br />
If I put it at the begining it will ONLY see "lyr0_3":<br />
<br />
<div id="lyr0" style="position:absolute;"><br />
<div id="lyr0_3" style="position:absolute;"><br />
<div id="lyr0_3_0" style="position:absolute;"></div><br />
</div><br />
<div id="lyr0_0" style="position:absolute;"></div><br />
<div id="lyr0_1" style="position:absolute;"></div><br />
<div id="lyr0_2" style="position:absolute;"></div><br />
<div id="lyr0_4" style="position:absolute;"></div><br />
</div><br />
<br />
<br />
This is all length wise, I don't know if the actual layers even show up. I will have to test that. Do you know why it is doing this?<!--content-->Ok, NS4.x won't even display any of the layers after the 1st nested layer. In the example below, the ONLY layers displayed are "lyr1","lyr1_0", and "lyr1_0_0". Everything after that does not show up at all!:<br />
<br />
<div id="lyr1" style="position:absolute;left:0;top:120;height:20;width:20;background-color:red;layer-background-color:red;"><br />
<div id="lyr1_0" style="position:absolute;left:20;top:0;height:20;width:20;background-color:yellow;layer-background-color:yellow;"><br />
<div id="lyr1_0_0" style="position:absolute;left:20;top:0;height:20;width:20;background-color:blue;layer-background-color:blue;clip:rect(0 20 20 0);"></div><br />
</div><br />
<div id="lyr1_1" style="position:absolute;left:20;top:20;height:20;width:20;background-color:purple;layer-background-color:purple;clip:rect(0 20 20 0);"></div><br />
<div id="lyr1_2" style="position:absolute;left:20;top:40;height:20;width:20;background-color:orange;layer-background-color:orange;clip:rect(0 20 20 0);"></div><br />
<div id="lyr1_3" style="position:absolute;left:20;top:60;height:20;width:20;background-color:blue;layer-background-color:blue;clip:rect(0 20 20 0);"></div><br />
<div id="lyr1_4" style="position:absolute;left:20;top:80;height:20;width:20;background-color:pink;layer-background-color:pink;clip:rect(0 20 20 0);"></div><br />
</div><br />
<br />
<br />
Even in this example, the only layers that show up are "lyr0" and all it's nested layers. Notice that the only layers after "lyr0_4" and it's nested layers is "lyr1" and all it's nested layers. Which means the "lyr1" and all of it's nested layers will NOT show at all!:<br />
<br />
<div id="lyr0" style="position:absolute;left:0;top:0;height:20;width:20;background-color:red;layer-background-color:red;"><br />
<div id="lyr0_0" style="position:absolute;left:20;top:0;height:20;width:20;background-color:yellow;layer-background-color:yellow;clip:rect(0 20 20 0);"></div><br />
<div id="lyr0_1" style="position:absolute;left:20;top:20;height:20;width:20;background-color:purple;layer-background-color:purple;clip:rect(0 20 20 0);"></div><br />
<div id="lyr0_2" style="position:absolute;left:20;top:40;height:20;width:20;background-color:orange;layer-background-color:orange;clip:rect(0 20 20 0);"></div><br />
<div id="lyr0_3" style="position:absolute;left:20;top:60;height:20;width:20;background-color:blue;layer-background-color:blue;clip:rect(0 20 20 0);"></div><br />
<div id="lyr0_4" style="position:absolute;left:20;top:80;height:20;width:20;background-color:pink;layer-background-color:pink;"><br />
<div id="lyr0_4_0" style="position:absolute;left:20;top:0;height:20;width:20;background-color:blue;layer-background-color:blue;clip:rect(0 20 20 0);"></div><br />
</div><br />
</div><br />
<br />
<br />
<div id="lyr1" style="position:absolute;left:0;top:120;height:20;width:20;background-color:red;layer-background-color:red;"><br />
<div id="lyr1_0" style="position:absolute;left:20;top:0;height:20;width:20;background-color:yellow;layer-background-color:yellow;"><br />
<div id="lyr1_0_0" style="position:absolute;left:20;top:0;height:20;width:20;background-color:blue;layer-background-color:blue;clip:rect(0 20 20 0);"></div><br />
</div><br />
<div id="lyr1_1" style="position:absolute;left:20;top:20;height:20;width:20;background-color:purple;layer-background-color:purple;clip:rect(0 20 20 0);"></div><br />
<div id="lyr1_2" style="position:absolute;left:20;top:40;height:20;width:20;background-color:orange;layer-background-color:orange;clip:rect(0 20 20 0);"></div><br />
<div id="lyr1_3" style="position:absolute;left:20;top:60;height:20;width:20;background-color:blue;layer-background-color:blue;clip:rect(0 20 20 0);"></div><br />
<div id="lyr1_4" style="position:absolute;left:20;top:80;height:20;width:20;background-color:pink;layer-background-color:pink;clip:rect(0 20 20 0);"></div><br />
</div><br />
<br />
<br />
I'm not really trying to teach you guyz about this problem, although I don't mind. What I am trying to do is ask WHY IT'S DOING THIS!!! If I use TRUE NS4.x layers and nest them to all hell, every single one will be accounted for. I really don't like the idea that I have to REALLY code both both browsers. I would really like to figure out a some what standard between the browser so I can save on some CODE! But, if I have to I guess I have to. But, if someone could tell me why NS4.x is doing this(NS4.x sucks is NOT an answer, I already know this), I will greatly appreciate it:)<!--content-->
 
Back
Top