DHTML Lab - DHTML Diner - Element Page Coordinates, Part 4 | 6 | WebReference

DHTML Lab - DHTML Diner - Element Page Coordinates, Part 4 | 6

Determining Element Page Coordinates, Part 4
IE Win - Final Comments

Bordered Relatively-Positioned Elements


Relatively-positioned elements behave similarly to static elements as far as defining layout is concerned.
If a width or a height is specified, the element has layout and is part of the page's element offset hierarchy.

On this page, the red square is nested in a relatively-positioned element.

Move the blue square.


<DIV STYLE="position:relative;
            border:5px green solid;
    <IMG ID="redbox"
         WIDTH="200" HEIGHT="200">


The results are the same as with static-elements-with-layout and absolutely-positioned elements.

We need to account for the border width to correctly position the blue square

Now, what about relatively-positioned elements without layout?

Produced by Peter Belesis and

All Rights Reserved. Legal Notices.
Created: Nov 21, 2002
Revised: Nov 21, 2002

URL: http://www.webreference.com/dhtml/diner/realpos4/6.html

Justtechjobs.comFind a programming school near you

Online Campus Both