Defining Dynamic Properties inside a global style sheet
You heard it right- you can define dynamic properties within global style sheets. This is probably how you'll be declaring most of your dynamic properties. In the below example, I enlist the help of dynamic properties to easily create a left column div that spans the height of the viewable window even if the page is resized:
<style>
#leftcolumn{
background-color: navy;
position: absolute;
left: 0;
top: 0;
width: 200px;
height: 700px; /*default height*/
height: expression(document.compatMode=='CSS1Compat'?
document.documentElement.clientHeight+'px' : body.clientHeight+'px');
}
</style>
<body>
<div id="leftcolumn">Left column...</div>
First I declare a height for the DIV that will be picked up by all browsers, then for IE, take advantage of dynamic properties to create a self adjusting DIV.
- Tutorial Introduction
- Defining Dynamic Properties inside your HTML
- Defining Dynamic Properties inside a global style sheet
- Defining Dynamic Properties inside your script
