positioning in css

[Ike]

Can anyone show me an example of simple positioning using a css? Something
along the lines of positioning something at 0,0 (top,left) ?

Thanks, Ike

 

[GD]

Can anyone show me an example of simple positioning using a css?

If you mean absolute positioning:

#foo {
position:absolute;
z-index:2;
top:0;
left:0;
width:100%;
background:#000;
color:#fff;
}

Then in the HTML:

<div id="foo">This is absolute positioning</div>


Relative positioning works differently. It doesn't remove the element
from the flow of the page, it just offsets the element from its original
position after it's been drawn:

p em {
position:relative;
top:-1em;
left:1em;
background:#f00;
color:#ff0;
}


Then in the HTML:

<p>This is <em>relative</em> positioning</p>