Float question

[Christoph]

I am kinda new working with CSS. I am trying to center a menu on a website, but I guess "center" is just not the right way to do it. So, how do I get my menu bar into the middle?

<table border="0" cellpadding="0" cellspacing="0" width="100%" id="wrapper" align="center"> 
<tr>
  <td colspan="2">
    <div id="header" ><center>
      <img src="$script[imgfolder]logo3a.gif" alt="" />
    </div></center>
    <div id="navbar">
      <div style="float:right;font-weight:bold;"><a href="index.php">Home</a> | <a href="index.php?advsearch">Advanced Search</a> | <a href="index.php?topart">Most Popular</a> | <a href="index.php?toprated">Top Rated</a> | <a href="index.php?rss">RSS Syndicate</a> | <a href="index.php?do=sitemap">Sitemap</a> | <a href="http://www.webhostingreport.net">Forum</a></div>
    </div>
  </td>
</tr>

Right now it is set to the right.

Thanks for any hint.

Christoph

[stymiee]

try:

margin: auto;

That's the CSS way to center a block elevel element.

[Christoph]

Hm, that did not work (at least in my situation). I had removed the float:right; from aboves code example and replaced it with the "margin: auto;". Any idea? Is that the wrong place to center the menu bar?

Christoph

[Christoph]

Ok, found it.

text-align: center

At least it worked in my situation.

Christoph