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

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

In Part 1 of this series of articles, we created JavaScript functions used to determine the page position of HTML elements, positioned or static, that expose position information about themselves.

In Part 2, we began expanding these functions to account for rule exceptions and browser quirks. Our first function modifications accounted for elements contained in TABLEs in IE for Windows.

In Part 3, we accounted for elements contained in TABLEs in NS6+.

In this article, we will adapt our function for IE for Windows for the final time. We will look at bordered static, absolutely-positioned and relatively-positioned elements and what makes them offsetParent elements. Then we will modify our functions to account for what we will have discussed.

It is highly recommended that you have a knowledge of the functions created in Part 1, Part 2 and Part 3, as we will be expanding the same functions.

The in-page examples will be best appreciated when viewed with IE for Windows as it is the browsers under discussion. When viewed with NS6+, the examples will work but won't give the result being discussed.

First, let's review the functions to-date.