Skip to content

Instantly share code, notes, and snippets.

@dehart
Created December 17, 2013 10:50
Show Gist options
  • Save dehart/8003082 to your computer and use it in GitHub Desktop.
Save dehart/8003082 to your computer and use it in GitHub Desktop.
Shrinking dialog
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment