I've been searching for a while today and cannot seem to find the right answer. I am trying to center some elements (body, div, td, etc) for FF3 and IE7.
The doc type I am using is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
The CSS version is 2.1
The CSS works fine in IE7 and mostly works in FF3, except for the centering.
I have tried "margin: auto;", "margin: 0 auto;", "margin-left: auto;", "margin-right: auto;" in addition to "text-align: center;" and I also tried setting the div width to 100% along with these attempts.
I tried on the elements themselves as well as the parent elements.
So... now what? Also, if anyone has a link to a read-able and manageable reference to CSS in FF, that would be great.
Thanks.
Start Free Trial