vBulletin Manual - Creating a 'Liquid' Layout

The default vBulletin style uses a fixed-width layout, optimized in order to allow the best width of text blocks for reading, and to allow users with small screen resolutions (800 x 600) to view the layout properly.

However, you may want to change your own board to use a 'liquid' layout, which will expand to the full width of the browser window. If you don't change your default style, you can still create a separate style with a liquid layout to complement your fixed-width version.

The image on the left shows a 'fixed' layout, while the image on the right shows a 'liquid' layout.

Creating a liquid layout can be done entirely by editing the values of a few StyleVars. Simply edit the StyleVars shown in the table below, changing their values to those shown in the 'Value for Liquid Layout' column.

StyleVar Name	vBulletin Default Value	Value for Liquid Layout
Main Table Width $stylevar[outertablewidth]	760	100%
Form Width $stylevar[formwidth]	640px	auto
User Control Panel Form Width $stylevar[formwidth_usercp]	480px	auto

Setting the listed StyleVars to the values specified here will result in a liquid layout that will stretch to fill the complete screen width.

If you would like to have a little screen space left over, change the Main Table Width value to 95% or a similar figure, rather than the 100% specified.