Argggg!!!! CSS and Centering

[Browni]

Ok I have a Mambo installation working on www.adambrowndesigns.co.uk

as you can see I'm using a custom template for it and i would like all the elements in the center of the page. How? You can see the code.

Adam

 

[mrfluffy]

#divName {
    margin-left: auto;
    margin-right: auto;
}

 

[Browni]

ah, ok i will try that when im next at home

 

[mdnky]

Based on what I saw in your source, you'd probably want to apply it to the container ID after you fix it. IDs should only be used once (you have to instances of id=container in there). CLASSES are allowed multiple instances. You should also get rid of the align="center" from the divs.


You can also use the short versions:

margin: 0 auto; (top&bottom right&left)

~or~

margin: 0 auto 0 auto; (top right bottom left)​

 

[shorty114]

Since IE 5.x for Mac and maybe for Windows (i forget) doesn't support margin:auto; you have to text-align:center; the body and make the text container div text-align:left;

 

[mdnky]

Uh...IE 5 Mac supports margin auto just fine. The 5.0 Win versions are the ones who don't.