HTML Logo by World Wide Web Consortium ( Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS. ocPortal 9 is superseded by Composr 10.

Head over to for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.

ocPortal Tutorial: Fixed-width layouts

Written by Chris Graham, ocProducts
Fixed width is available as a theme option in ocPortal, and is on by default. This tutorial explains the implementation and pros & cons of it.

A topic of regular disagreement in web design is whether 'fixed-width' designs or 'fluid' designs are better. A fixed-width design is one where the horizontal width of the website is fixed, so that it doesn't change when different resolutions are selected.

Proponents of fixed-width argue:
  • that fluid designs (non fixed-width designs) can not function well, because things will always break down when the width significantly exceeds what was tested
  • that fixed-width designs are graphically easier to achieve
  • that fixed-width designs are easier to read from
  • that fixed-width designs are more attractive, because it allows more artistic control

Opponents of fixed-width argue:
  • that fixed-width designs make unreasonable assumptions about how web sites should be viewed; for example, mobile devices would fail to have enough width for a typical fixed-width design yet are prevented from automatically performing adjustments
  • that people with large resolutions can always make their browser window smaller
  • that using fixed-width is done by those that are applying traditional design skills to the new online medium without adjusting them properly for that medium

Most modern designs are fixed width on desktop computers, and have "responsive design" adjustments to make them look good on different devices.

See Also