vBulletin Manual - Main Table Width

$stylevar[outertablewidth] and $stylevar[outerdivwidth]

The main table width StyleVar is used to set the overall width of vBulletin pages.

It can accept values both as a percentage of the total page width for a 'liquid' layout, or an explicit value set in pixels to create a fixed layout.

Here you can see examples of the same board with different values for $stylevar[outertablewidth].

On the left, the main table width has been set to 760, creating a fixed-width layout that will not resize to become wider or narrower based on the width of the window. On the right is the same board with $stylevar[outertablewidth] set to 100%. As a result, the page content has stretched to fill the available space.

Note:

If you wish to enter a value in pixels, you should enter the number alone, do not add 'px' to the value.
For example: 640.

To set the value as a percentage, simply enter the percentage value, followed by the % symbol.
For example: 85%.

This StyleVar actually spawns a second StyleVar, called $stylevar[outerdivwidth]. While $stylevar[outertablewidth] is suitable for placing in the width attribute of a <table> tag, $stylevar[outerdivwidth] is suitable for use as the value for the CSS-defined width attribute of a <div> tag.

Example of $stylevar[outertablewidth] in use:

<table width="$stylevar[outertablewidth]" align="center">
<tr>
    <td>This table's width is set by $stylevar[outertablewidth].</td>
</tr>
</table>

Example of $stylevar[outerdivwidth] in use:

<div style="text-align: center">
    <div style="width: $stylevar[outerdivwidth]; text-align: left">
        This div's width is being set by $stylevar[outerdivwidth].
    </div>
</div>