This is a paragraph of text as well.

When you make it relative, the yellow paragraph is offset by 100 from its static position, as oDiv.style.left = 100. Also, other elements are placed around the yellow paragraph, and never on top of it.

When you make it absolute, the yellow paragraph is placed with an offset of left and top from the window. Also, other elements ignore the yellow paragraph and overlap with it if needed.

Here is the code:

<STYLE>
.divstatic {position: relative}
</STYLE>

<DIV ID=oDiv CLASS="divstatic" STYLE="background-color:yellow;width:60">
This is a paragraph of text in a DIV.</DIV>

<SCRIPT LANGUAGE="JavaScript">
<!--
oDiv.style.left = 100;
// -->
</SCRIPT>

<P>This is a paragraph of text as well.</P>

<A HREF="javascript:void(oDiv.style.position = 'static')">Make it static</A> |
<A HREF="javascript:void(oDiv.style.position = 'absolute')">Make it absolute</A> |
<A HREF="javascript:void(oDiv.style.position = 'relative')">Make it relative</A>

People who read this tip also read these tips:

• Creating Web Service Proxy dll
• Implementing Quaking Windows
• Calling the EchoDate Web Service
• Calling the EchoVoid Web Service
• Assigning Node Numbers to Non-Data Tags