Divs (+REP)

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

HTML Code:

---

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

---

Quote:

---

Originally Posted by JH

HTML Code:

---

<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...

HTML Code:

---

<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.

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