I am trying to center my welcome splash screen page both vertically and horizontally on the screen. I have a single image on the screen with a click here message. The master border margins are 0 all the way around.

Searching the forum I found the code below from last year that really worked great, but it displays the following above my image:

style="margin: 0px;">

I tried even making sure that the master border had something in the margin and it still shows that way. I also tried adding this only to the HTML for the master border, only the page layout html and both combined, regardless I get the message above. What am I doing wrong and how do I fix it?

Any help would be appreciated,



Code used to display screen vertically:

In the Head tag place the following
html,body {
margin: 0;
padding: 0;
div {
-moz-box-sizing: border-box;
box-sizing: border-box;
div#test {
height: 100%;
valign: middle
align: center

Place the following beginning of body tag

<div ID="test">
<table height="100%" width="100%">
<tr><td valign="middle" align="center">

Place the following end of body tag