Centering a table with CSS in Mozilla ( 7 Views )

1. So I don't want to use the deprecated <center></center> tags.
   
   What I did is made a .centercontainer which basicly just contains: text-align: center;
   
   Then I wrapped the <div class="centecontainer"> around my table which I use to format a form properly(It's just easier with tables in that case).
   
   It works in IE6 but not Mozilla. Please advise!
   
   Thanks,
   
   Trevor
   
   
   (tahsin, Iceland)


2. use:

   Code:

   ---

   .centercontainer
  {
  margin-left:auto;
  margin right:auto
  }

   ---

   
   
   (Ali, United Arab Emirates)


3. That doesn't work.
   
   
   (tubili, Azerbaijan)


4. http://madproject.com/NewSite/join.php
   
   FYI
   
   
   (hüseyin, Afghanistan)


5. Nevermind, I got it to work.
   You were right, I just took off completly removed my .centercontainer and added
   
   

   Code:

   ---

   table {
margin-left: auto;
margin-right: auto;
}

   ---

   Tks
   
   
   (ömür, Iran, Islamic Republic of)


6. The best way to do it, is keep the container, for IE5 compatibility, and add margins to the table:

   Code:

   ---

   .center {
 text-align:center;
}
.center table {
 margin-left:auto;
 margin-right:auto;
}
.center table td {
 text-align:left;
}

   ---

   Hope that helps [img]images/smilies/smile.gif[/img]
   
   Usage:

   HTML Code:

   ---

   <div class="center">
  This is centered text<br />
  <table cellspacing="0" cellpadding="3">
          <tr>
                <th>Hello</th>
          </tr>
  </table>
</div>

   ---

   
   
   (eren , Portugal)


7. Thanks! I have yet to test my site with IE5. I'm sure it's not pretty. So far I've focused on compatibility with Opera 7, Mozilla & IE6
   
   
   (mehman, Libyan Arab Jamahiriya)

Related Topics ... (or search in 1.720.883 topics !)