<div>
This is frustrating. No matter what I do, I can't get FireFox to center anything - isn't this SUPPOSE to be a better browser?
</div>


This is frustrating. No matter what I do, I can't get FireFox to center anything - isn't this SUPPOSE to be a better browser?

<div>
<div class="content wysiwyg-content">
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. <br />
<br />
The doc type I am using is:<br />
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" rel="ugc">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&quot;&gt;<br />
<br />
The CSS version is 2.1<br />
<br />
The CSS works fine in IE7 and mostly works in FF3, except for the centering.<br />
<br />
I have tried &quot;margin: auto;&quot;, &quot;margin: 0 auto;&quot;, &quot;margin-left: auto;&quot;, &quot;margin-right: auto;&quot; in addition to &quot;text-align: center;&quot; and I also tried setting the div width to 100% along with these attempts.<br />
<br />
I tried on the elements themselves as well as the parent elements.<br />
<br />
So... now what? Also, if anyone has a link to a read-able and manageable reference to CSS in FF, that would be great.<br />
<br />
Thanks.
</div>
</div>


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.

How to center content (body, div, td, etc) for FF3 &amp; IE7?

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

How to center content (body, div, td, etc) for FF3 &amp; IE7?

How to center content (body, div, td, etc) for FF3 & IE7?