dehart/div.html

## div.html
<html>
<head>
<title>Center dialog that shrinks!</title>
<style>
body 		{padding:0;margin:0;}
#floater	{float:left; height:50%; margin-bottom:-300px;}
#content	{clear:both; height:100%; position:relative; max-height: 600px; max-width: 700px; box-shadow: inset 0 0 10px #000000; margin: 0 auto;}
</style>
</head>
<body>

<div id="floater"></div>
<div id="content">
	Content here
</div>

</body>
</html>
	<html>
	<head>
	<title>Center dialog that shrinks!</title>
	<style>
	body {padding:0;margin:0;}
	#floater {float:left; height:50%; margin-bottom:-300px;}
	#content {clear:both; height:100%; position:relative; max-height: 600px; max-width: 700px; box-shadow: inset 0 0 10px #000000; margin: 0 auto;}
	</style>
	</head>
	<body>

	<div id="floater"></div>
	<div id="content">
	Content here
	</div>

	</body>
	</html>