Divs (+REP)

[Jackboy]

If i wanted to have say 3 divs all ontop of each other, makin it easy to use with scriptaculous...

Anyway say i had

<div>PAGE 1</div>
<div>PAGE 2</div>
<div>PAGE 3</div>

How would i go about making page 2 and 3 invisible and have them all on top of each other, display:hidden to make it hide i think :S

Im css noob see, find php much easier

[Florx]

<div>PAGE 1</div>
<div style="display: none;">PAGE 2</div>
<div style="display: none;">PAGE 3</div>

[Jackboy]

<div>PAGE 1</div>
<div style="display: none;">PAGE 2</div>
<div style="display: none;">PAGE 3</div>

Cheers, but they are below one another and not directly on top...

[Independent]

<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 81px; top: 4px" id="layer3">
&nbsp;</div>
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 81px; top: 4px" id="layer2">
&nbsp;</div>
<div style="position: absolute; width: 100px; height: 100px; z-index: 1; left: 81px; top: 4px" id="layer1">
&nbsp;</div>


You'll have to fiddle with the position though.

[Jackboy]

Chers to both of you, i will have a go with it at a later date ;)