centering a page on ie 7

I've tried to center the page horizontally and vertically,
and on IE6-7 the horizontal centering is not working, half of the page is being cut.

What should I do?

 

See the centering a page horizontally and vertically demo.

cheers,

gary

 

Use percentages.

 

If you want only horizontal Centering then Use margin: 0 auto; OR position: absolute; left: 50%; margin-left: -(half the width of div).

If you want both horizontal and vertical centering then use

position: absolute; left: 50%; top: 50%; margin-left: -(half the width of div); margin-top: -(half the height of div);

Suppose the DIV you want to center is 400px wide and 300px in height then your css will be like this

position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -150px;