This article shows and explains a different method for centering a horizontal aligned tabbed CSS menu without using any width at all on the menu. The menus demonstrated are using of unordered lists and background images.
Traditionally horizontally and centered aligned menus are using a fixed width in some way, like the horizontally and centered menu using fixed-width examples at the bottom of this article.
However, I got a question about how to center a horizontally CSS menu with tabs without using fixed width, and since I couldn’t find some information about it I came up with a solution I have called a Horizontally aligned menu with fluid width. Both examples are using the “Fast rollover without preload” concept.
Horizontally and centered aligned menu with fluid width
This horizontally and centered aligned CSS menu is not using fixed width, no width at all is used. The tabs are also fluid, this is done by using two background images (see images below).