3 replies to this topic

[thatsme]

Hi, i want my webpage to be horizontaly aligned in the center of screen. I use this code, but alignment fails:

body{
    background-color:  #d9e2dd;
    width: 1024px;
    height: 100%;
    margin-left: 0px auto;
    margin-right: 0px auto;
}

I would be grateful if someone could help me

[da beast]

I wouldn't throw the code against the body, use a wrapper!

<div id="wrapper">

<h1>Test</h1>

</div>

here is the css:

/* wrapper to align center of page */
#wrapper {
/*we need to tell the browser the size of the warpper div*/
width:800px;
height:400px;
/*aligns the page to the center horizontal (x)*/
margin-left:auto;
margin-right:auto;
/*aligns the age to the center vertical (y)*/
position: absolute;
top: 50%;
left: 50%;
/*resets the offset (should be half the width and height*/
margin-top:-200px;
margin-left:-400px;
/*allows us to see wrapper*/
background-color:black;
}

[thatsme]

Thanks a lot. That helped

[Root23]

Also, note that

margin-left:0px auto; margin-right:0px auto

isn't the correct usage. When you specify a side like that you only supply one value. The better way to do that would simply be

margin:0 auto;

or as da beast used it

margin-left:auto; margin-right:auto

Good luck!