Question

How can I set center for main div ? I will try many ways but I can’t do it. Left and right seem okay. How can I change vertical position property ? I tried these:

margin-left:auto;
margin-right:auto;
margin-top:auto;
margin-bottom:auto;

vertical-align:middle;

These do not work.

#main 
 {
    width:1024px;
    height:600px;
    position:relative;
    z-index:1;
    margin:auto auto;
    text-align: center;


 }

Answer 1

Working example (using method 2 of the tutorial below): http://jsfiddle.net/heAXR/1/

This is a good tutorial, it shows several ways of centering your content vertically:
http://blog.themeforest.net/tutorials/vertical-centering-with-css/

I’m a fan of method 3 described in the article, here’s a demo:
http://douglasheriot.com/tutorials/css_vertical_centre/demo5.html