The following section is designed to help Web authors understand how to access the dimension and location of elements on the page through the Dynamic HTML (DHTML) Object Model.

Understanding Properties That Measure Element Dimension and Location

The diagrams illustrated in this document represent different DHTML Object Model properties for the same page. The sample page contains a div element that is relatively positioned on the page. Since the overflow attribute of the div has been set to scroll and it contains more content than can be displayed within its limited client area, scroll bars are displayed.

Click the Show Me button to see a working example.

This feature requires Microsoft Internet Explorer 4.0 or later. Click the following icon to install the latest version. Then reload this page to view the sample.

Related Topics

• clientHeight
• clientLeft
• clientTop
• clientWidth
• offsetHeight
• offsetTop
• offsetLeft
• offsetWidth
• scrollTop
• scrollHeight
• scrollWidth
• style.border
• style.left
• style.marginTop
• style.paddingLeft
• style.top