Board Thread:Support Requests - Designing Your Wiki/@comment-2177054-20131204134553/@comment-452-20131206160404

Are you saying that you'd like the row of tabs to be 100% width at all times?

That can be done in CSS, but you really should clean up your template, and put all those styles into classes so it's more manageable.

Working with what you have currently, these are the steps: .tableDiv { display:table; width:100%; } .tableDiv>div { display:table-cell; float: none !important; } (The "float: none !important;" is because you have a "float:left;" set in inline styles. When you move all of those styles into classes, you can get rid of both float rules.
 * 1) Wrap each set of tabs in
 * 2) Create these CSS rules:

I tested it on http://spongebob.wikia.com/wiki/List_of_characters/Special and it looks fine. However, on http://spongebob.wikia.com/wiki/List_of_episodes the word "Individually" will be cut off. You may want to consider rewording your tabs on that page.

Changing the padding at different resolutions is also possible in CSS.

Say you wanted to increase the padding above 1600px, and decrease it below 1024px: @media screen and (min-width: 1600px) { .tableDiv>div { padding: 10px !important; } } @media screen and (max-width: 1023px) { .tableDiv>div { padding: 1px !important; } } (Again, the !important is because you're using inline styles to set padding right now)

These types of rules are exactly how Fluid works, no JS is used at all.