Skip to content

Instantly share code, notes, and snippets.

@hankpillow

hankpillow/html centering content

Created April 20, 2011 15:15
Show Gist options
  • Save hankpillow/931597 to your computer and use it in GitHub Desktop.
Save hankpillow/931597 to your computer and use it in GitHub Desktop.
Download ZIP
i know there is a bunch of css tricks to do this, but this way always worked for me!
Raw
html centering content
<!DOCTYPE html>
<html xml:lang="pt-BR" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="js/swfobject.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css" media="screen">
*{
margin:0;
padding:0;
border:0;
}
body,html
{
height:100%;
}
#site
{
background-color:red;
border: 2px solid #999;
width: 910px;
height: 675px;
}
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%"=>
<tr>
<td valign="middle" align="center">
<div id="site">
content
</div>
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment