PDA

View Full Version : Centering a CSS Hover Menu on ALL Resolutions



wanderponder
01-16-2006, 06:02 PM
Im trying to put my css hover menu into a table where i can see it centered on all resolutions.


any help?

Twey
01-16-2006, 06:16 PM
Put it in a table with three columns, the middle at 0% width, the rest at 50%. Put it in the middle.

dwightwatt
08-02-2007, 06:14 PM
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
08-02-2007, 06:50 PM
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.