Placement of content in source code

[khulja]

Is there a way to get the first div in the code to appear below the second div in the code when the page is rendered, without using absolute positioning?

<div id="i-want-this-below-the-other-div">This div is on the top in the source code, but I want it displayed below the following div</div>

<div id="i-want-this-on-top-of-the-other-div">This div is on the bottom of the source code, but I want it displayed above the other div</div>

[Leadgiant]

Originally Posted by khulja

Is there a way to get the first div in the code to appear below the second div in the code when the page is rendered, without using absolute positioning?

<div id="i-want-this-below-the-other-div">This div is on the top in the source code, but I want it displayed below the following div</div>

<div id="i-want-this-on-top-of-the-other-div">This div is on the bottom of the source code, but I want it displayed above the other div</div>

have you tried in the css using z-index?

i can't remember off hand which is which but it's as follows
z-index: 1; //on bottom
z-index: 52; //52nd layer on top

or vice versa
z-index: 1; //on top
z-index: 52; //52nd layer on bottom