Fixed Width Layouts

Contact Us or call 1-877-932-8228
Fixed Width Layouts

Fixed Width Layouts

Changing our fluid layouts to fixed layouts is easy. In fact, the challenge to the last exercise gets us most of the way there. Instead of setting the width to a percentage value, we set it to a fixed-width value in pixels and we set margin to auto:

#wrapper { border: 1px solid #000; width: 950px; margin: auto; }

The screenshots below show the results: Fixed Two Columns Fixed Width Three-Column LayoutThe full code can be found in CssPageLayout/Demos/fixed-two-column.css and CssPageLayout/Demos/fixed-three-column.css.

Next