Centering a CSS Hover Menu on ALL Resolutions

[wanderponder]

Im trying to put my css hover menu into a table where i can see it centered on all resolutions.


any help?

[Twey]

Put it in a table with three columns, the middle at 0% width, the rest at 50%. Put it in the middle.

[dwightwatt]

This answer was close enough for me to get to the real solution although using a table is not pure CSS. Instead of setting the center to 0% give it no width and set the two outside TDs to 0% so your table is <table><tr><td width=0%><td><td>insert navibation bar here (the stuff inside the <div> basically on most menus I have seen from <ul> to </ul>)</td><td width=0%)</td></tr></table>

I have tested in IE7 and FF2.06

Dwight

[Twey]

This answer was close enough for me to get to the real solution although using a table is not pure CSS.

The OP already had the table, I presumed it was holding tabular data.

Your markup is invalid: <td>s may not be nested inside <td>s. If you want to do it using CSS, you can simply apply margin: 0 auto; as always.