Welcome to the Beijing JumpStart!

The Beijing JumpStart provides the easiest of solutions for changing the amount of columns on a page. You simply add a class to the body tag and the CSS takes care of everything else for you! Beijing also has a slight variation on the popular sliding doors CSS navigation system. While the concept is exactly the same as we have used in the past, on this occasion it hangs from the top of the page rather than sitting at the bottom of it's containing element.

The main construction of Beijing consists of liquid horizontal outer divs while maintaining a fixed inner content width to ensure that the design fills out the user's browser width while maintaining a good line reading length. The content as always is created with valid code and accessibility in mind....

Related Articles

• The CS5 CSS Starter Page Series - Part 6: Converting to Horizontal Navigation
• The CS5 CSS Starter Page Series Part 5: Adding Navigation Systems
• The CS5 CSS Starter Page Series Part 4: Refining Details with CSS
• Creating a Site in Dreamweaver CS5
• The CS5 CSS Starter Page Series Part 3: Structuring with CSS
• Introducing CMX JumpStart Brasilia
• CMX JumpStart: Brasilia
• The CS5 CSS Starter Page Series - Part 2: Marking up the Page
• The CS5 CSS Starter Page Series Part 1: The Yukon
• Dreamweaver CS5 Features Part 1: The All New CSS Starter Pages

• Introducing CMX JumpStart Agra
• CMX JumpStart: Agra
• The CSS Starter Page Series Part 13: Designing with a Grid
• Decorating Lapland for the Holidays
• CMX JumpStart: Lapland
• The CMX JumpStart Catalog Update 2009
• CMX JumpStart: The Black Forest
• Introducing CMX JumpStart Black Forest
• Extending Dreamweaver CS4 - Part 6: Phatfusion Rounded Corners
• The CSS Starter Page Series Part 12: Adding a JQuery Slideshow