Topic: Central alignment on screen (Page 1 of 1)

I've been trying to central align my site using CSS. I want the main container div to be central aligned on the screen. So far I couldn't get it done. If I use margin then it just sits there. Can anyone tell me how to do this properly??


Online Portfolio

I'm pretty sure there are some issues with cross-browser compatability with this.

IE doesn't understand margin: auto; properly and Moz won't text-align: center; a div, so you'll need to use both.

Not sure of the exact syntax, but it's something like this (I think)

body{

text-align-center;

}



#container{

width: 700px;

text-align: left;

margin-left: auto;

margin-right: auto;

}

Hope that helps!

Cheers,

Blaise

(Edited by Blaise on 05-13-2004 14:54)

Yo thanks man that did it.


Online Portfolio