Question

Can anyone append this code to make header and footer in center eg. left and right margin should be same

.newheader
{
    background:#000;
    height:30px;
    left:0;
    position:fixed;
    width:100%;
    top:0;
}
.newfooter
{
    background:#000;
    bottom:0;
    height:30px;
    left:0;
    position:fixed;
    width:100%;
}

Answer 1

The standard way to position elements in the middle of a page is to define a width smaller than the full width and then set it’s margin with auto.

e.g

.newheader {
    width:960px; /* less than 100% since 100% has no margin */
    margin : 0 auto /* top and bottom margin = 0 left and right auto*/
}

Update with examples

Here a link to an example based on the page. link

Fullscreen version link