how to center a webpage in CSS

Question

i am i am new in CSS.. i have converted my psd file into html/css.. now i want to move my webpage page into center of the window.. i tried some code and that code align only text the background image "back.gif" remains at left.. here is my html and CSS code" ``` **HTML**

WELCOME TO ADMIN AREA

AJKBLOODBANK.COM

"; echo "Logout "; ?>

…

Accepted Answer

Whichever element you want centered - set an explicit width and then set left/right margins to `auto`

```
#main { width:995px; margin:0 auto; }
```

...this will center the element in its parent. If you were to center `#main`, it would be centered on the page (assuming your `body` has 100% width)

EDIT

Try making your background image apply to `#main` instead of `body`. Or, center the background image using `background-position`, or shorthand:

```
body { background:url(../back.gif) repeat-y center top; } 
```

Cheers

how to center a webpage in CSS

Solution

Problem