html + CSS. center div box in IE and firefox?

[cokecan]

hey guys, im tryin to center a div box in the middle of my page (horizontally only, not fussed on vertically), but what works for IE doesnt work for firefox and vice versa. also need ot to be centered no matter what the screen resolution is

can anyone help?

cheers

 

[Beansprout]

body {
margin: 0 auto;
text-align:center;
}

Then in the containing div, put:

margin: 0 auto;
text-align: left;

margin: 0 auto; works, but you also need text-align: center; for extra compatibility

 

[cokecan]

i had somethin similar to that to start with, just didnt have the margin: 0 auto bit in the body

though even after putting that it, it still doesnt work. well firefox is cetnered as it was before, but IE is still stuck to the left hand side??

this is the bit of my code:

got the body and the div box called Mainwrap. I've tried removing the width property (just makes my div box a little bit wider) but still doenst center it in IE??

Inside the div i have basically got a couple of tables full of text and a few pics etc

body
{
	background-color: #727272;
	margin: 0 auto;
	text-align: center;
}

div#Mainwrap
{
	margin: 0px auto;
	text-align: left;
	width: 1250px;

}

 

[cokecan]

sorted it, just aligned the text in the div container to center instead of left, now its centered in both IE and firefox

 

[Beansprout]

Ah, oops, I meant the container of the text otherwise the text would be centered in the box. Kind rushed my post, sorry

 

[cokecan]

lol its cool, you pointed me in the right direction and the only way to learn is to try your self

thanks

 

[ps2wizz]

lol its cool, you pointed me in the right direction and the only way to learn is to try your self

thanks

very true dude

 

[cokecan]

yup, though it would help if IE wernt gay and didnt do everythin backwards compared to firefox