SiteExperts.com Logo Home | Community | Developer's Paradise | Jobs
User Groups | Site Tools | Site Information | Search

Inside Technique : WebFX DHTML Demos : Generic Resize

This is just an ordinary <DIV> with some scripting!

The DIV's are defined using a stylesheet and the generic resize script.

#testDiv	{position: absolute; overflow: hidden; left: 30; width: 400; height: 200;
			border: 2 outset white; margin: 0; background: buttonface; color: black;
			padding: 2px;}
#innerNice	{overflow: auto; width: 100%; height: 100%;
			border: 2px inset white; background: white; color: black; padding: 8px;}
#simple		{position: absolute; overflow: hidden; top: 550; left: 30; width: 400; height: 60; border: 1 solid black; background: white;}

The testDiv and innerNice are used in the first DIV sample, and simple is used in the second DIV sample below. Grab the edges!

Resize Demonstration requires Internet Explorer 4.0 or later

Discuss and Rate this Article