User:Rezyk/test

This is an overview of the current behavior of the system provided by Template:skill row and Template:elite skill row.

A basic example. All the columns on the right are evenly spaced.

The "extra cost" column automatically narrows when possible.

If no skills have extra cost (upkeep/sacrifice/exhaustion), the column narrows further. It still takes up a non-trivial amount of space to support the width of the invisible &amp;nbsp;'s, which are only there to keep the table pretty in IE. If IE 6 supported the "empty-cells:show" style, there would be no need for them and the column would collapse further. Another thing that could be done is to use a 1 pixel transparent GIF instead of the &amp;nbsp;'s. This should let the column narrow more while not blemishing the look in IE. With invisible &lt;br&gt;'s keeping the empty cells pretty in IE, it only takes up a trivial width of a few pixels.

The right 3 columns have their own min width and won't collapse even if empty. Also, it is not hard to mix and match in extra rows/columns.

A few skills have stats wider than the normal column widths (basically just Call of Protection and, depending on browser and user-selected text size, skills with activation of 1/4 or 3/4). This is handled differently by different browsers: Also, something to consider is to use 3/4 instead of 3/4.
 * FireFox squeezes them in (so the extra wide data isn't perfectly aligned with other data).
 * Opera widens the affected columns to fit (so all things are aligned, but the 3 columns might no longer have the same width).
 * IE uses a line break within the extra wide data -- thankfully this only affects Call of Protection at default text size.

One problem is that there can be traces of the invisible borders. This is fully avoided if cellspacing is set to 0.

For reference, all skill articles that use Template:skill row or Template:elite skill row at the present time: