Dynamic Properties in Dynamic HTML (DHTML)

While experimenting with DHTML you may have ended up with a situation where you'd wanted to possibly have an element that has a width that's always the same as another element's height. On the other hand, you may have wanted to center an element in the middle of the page no matter what the width of the page was. All this is possible with the DHTML methods you've learned previously, but you will find that these scripts end up being unnecessarily long or complicated. That's why Dynamic Properties were introduced in IE 5.0. Dynamic Properties, as the name may indicate, means the ability to assign non-static dynamic values to properties. For example, a DIV's width can now be the same as half of another DIV's width. When this second DIV's width changes, so will the width of the first DIV and this will be done without any extra work on your end. In this article we will focus on exploring the power of Dynamic Properties and show you how you can make use of this new Microsoft addition to DHTML. Please note that the information covered in this article only applies to IE 5+ and will unfortunately not work in Netscape. We'll cover the following topics: