[IT student-Oman]

Is this code correct for centering fixed width page?
.container {position:relative; width:900px; margine:0 auto;
text-align:left;}

[Atli]

You've got the right idea, but there is a typo. margine should be margin.

[IT student-Oman]

yes u r right
thanks

[jwmollman]

This is my method:

#main {
    width: 700px;
    margin: 25px auto 25px auto;
    padding: 15px;
    border: 1px solid #848484;
}

For me, that's the quickest way for making a fixed-width container centered on the page.

[Lemur]

You might be careful of IE, it has a tendency not to center a page unless a text-align: center; is present. This also means making a left align in every other sub element or another container, but that's unfortunately how IE works.

@jw - Why not 25px auto instead of using all 4? Specifying 2 is the same as top/bottom left/right, 1 is all.

[jwmollman]

Lemur, on 20 November 2011 - 03:06 AM, said:

@jw - Why not 25px auto instead of using all 4? Specifying 2 is the same as top/bottom left/right, 1 is all.

You are right, but I guess that's just the way I learned. It just became a habit on me. I guess it's easier to read for me.

[Shane Hudson]

jwmollman, on 20 November 2011 - 03:25 AM, said:

This is my method:

#main {
    width: 700px;
    margin: 25px auto 25px auto;
    padding: 15px;
    border: 1px solid #848484;
}

For me, that's the quickest way for making a fixed-width container centered on the page.

This completely depends on the design. If you want one with top and bottom margin then of course it is correct. But as the question was how to centre, without showing any design it is safer to just do:

#main    {
    margin: 0 auto;
    width: 900px;
}

By the way, if anyone ever needs it centred absolutely rather than relatively...

#main    {
    left: 50%;
    position: absolute;
    margin-left: -450px;
    width: 900px;
}

I had a complicated design lately which that was the best way to do, took me a while to figure it out as it is not normal practise!