Revision: 23664
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at February 10, 2010 17:21 by adrianparr
Initial Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>untitled</title>
<style type="text/css">
html, body {
height: 100%; /* This value has to be set */
margin: 0;
padding: 0;
}
div#shim {
float: left;
visibility: hidden;
width: 100%;
height: 50%;
margin-top: -150px; /* This has to be half the height of the element you want to center */
}
div#wrapper {
clear: both; /* This value has to be set */
width: 500px;
height: 300px; /* Need to specify a height */
background: #ffc;
margin: 0 auto; /* This centres horizontally */
}
</style>
</head>
<body>
<div id="shim"></div>
<div id="wrapper">
<p>This is my centred web page.</p>
</div>
</body>
</html>
Initial URL
Initial Description
Initial Title
HTML Vertical Centering
Initial Tags
css, html, center
Initial Language
HTML