Nesting layers

A nested layer is a layer created inside another layer. Use the Layer palette or the insertion, drag and drop, or drawing technique to create nested layers.

You can use nesting to group layers together. A nested layer moves with its parent layer and inherits its visibility. Netscape layers created with the LAYER and ILAYER tags expand to include their child's width and height.

The following is sample HTML code for a nested layer:

<div id="Parent" style="position:absolute; left:56px; top:54px; width:124px; height:158px; z-index:1;">
Content inside the parent layer. 
  <div id="Nested" style="position:absolute; left:97px; top:114px; width:54px; height:69px; z-index:1;">
Content inside the nested layer. 
</div>
</div>

When drawing layers, use Layer preferences to force a layer created inside another layer to be a nested layer. Choose Edit > Preferences, select Layers, and click the Nesting checkbox. See Layer preferences.

To create a nested layer, do one of the following:

	To insert a nested layer, place the cursor inside an existing layer and choose Insert > Layer.
	To drag and drop a nested layer, click the Layer button in the Object palette and then, without releasing the mouse button, drag and drop the layer inside an existing layer.
	To draw a nested layer, click the Layer button in the Object palette, release the mouse button, and then use the cursor to draw a layer inside an existing layer (if Nesting is turned on in the Preferences Layers category); otherwise, press Control (Windows) or Command (Macintosh) while drawing the layer.

To create a nested layer using the Layer palette:

1	Choose Window > Layers to open the Layer palette.
2	Press the Control key (Windows) or Command key (Macintosh) and select a layer in the Layer palette and drag it to the target layer.
3	Release the mouse button when a box appears around the name of the target layer.