In this tutorial we will take the Nairobi JumpStart and change it from its fixed width default layout into a flexible layout that works between two preset points, based on the user's browser width.

We will also discuss the merits and pitfalls of the changes we will make as we progress through the tutorial. We will discuss screen resolution and desktop setup through to problem areas of flexible layouts....

Related Articles

• The Adobe BrowserLab Web Service
• CMX JumpStart: Siberia
• Introducing CMX JumpStart Siberia
• Dreamweaver's Built-In CSS Help Features: Part 2 - CSS Layout Box Model
• Dreamweaver Built-In CSS Help Features - Part 1: CSS Layout Outlines
• The CSS Starter Page Series Part 6b: Adding Navigation Schemes Part Two
• A Beginner's Guide to Spry - Part 5: Spry Menu Bar
• The CSS Starter Page Series Part 6A: Adding Navigation Schemes
• A Beginner's Guide to Spry - Part 4: Spry Tabbed Panels
• A Beginner's Guide to Spry - Part 3: The Spry Accordion

• A Beginner's Guide to Spry - Part 2: The Spry Collapsible Panel
• CMX JumpStart: Isle of Skye
• Introducing CMX JumpStart Isle of Skye
• Embedding Flash Content, Demystified - Part 1: Introduction
• CMX JumpStart: Landeck
• A Beginner's Guide to Spry - Part 1: The Spry Tooltip Widget
• Making Your Own FAQ - Part 3: Adding Comments and Feedback
• A Beginner's Guide to Dreamweaver Templates - Part 4: Repeat Regions
• A Beginner's Guide to Dreamweaver Templates - Part 5: Nested Templates
• Introducing CMX JumpStart Landeck