Hi Dan,
the problem is, that you cannot change the size of the body element. The body element always represents the complete visible page. Instead you have to place a separate div inside the body. To get that div centered, try something like
- Code: Select all
.centered {
position: absolute;
top: 50%;
left: 50%;
margin-top: -250px;
margin-left: -390px;
width: 780px;
height: 500px;
background-color:#313e5b;
}
And the
HTML should then look like
- Code: Select all
<body>
<div class="centered">
Content here
</div>
</body>
Hope this helps