Welcome back to another installment of the CSS Starter Page series. We've spent quite a bit of time on navigation systems and Spry Widgets in the most recent tutorials. Now we'll switch gears to work with something a little less sexy, and that is the Conditional Comments that reside in the heads of most CSS Starter Pages. These Conditional Comments address issues that make layouts look different in various versions of Internet Explorer browsers. The problems arise when an unsuspecting designer makes certain modifications to the layout, and then fails to realize that those changes require some adjustments to the Conditional Comments as well.

In this tutorial, we'll look at what we need to change in the IECC (Internet Explorer Conditional Comments) when we want to balance the top headings in the columns and when we need to change the width of the sidebar column.

This tutorial includes support files so you can play along at home.

The CSS Starter Page Series:
The CSS Starter Page Series - Part 1: Faux-Column Images
The CSS Starter Page Series - Part 2: More Background Images
The CSS Starter Page Series - Part 3: Three-Column Fluid Background Images
The CSS Starter Page Series - Part 4: Rounded Corner Background Images
The CSS Starter Page Series - Part 5: Shadows and Rounded Corner Background Images
The CSS Starter Page Series - Part 6A: Adding Navigation Schemes
The CSS Starter Page Series - Part 6B: Adding Navigation Schemes Part Two
The CSS Starter Page Series - Part 6C: Adding Navigation Schemes Part Three
The CSS Starter Page Series - Part 7: Adding a Spry Menu Bar
The CSS Starter Page Series - Part 8: Managing Content with Spry
The CSS Starter Page Series - Part 9: Working with the Conditional Comment ...

Related Articles

• Introducing CMX JumpStart Berlin
• CMX JumpStart: Berlin
• Extending Dreamweaver CS4: Part 5 - Phatfusion Image Menu
• The CSS Starter Page Series Part 11: Adding a Handheld Style Sheet
• PHP Undo Delete Button in Dreamweaver
• Introducing CMX JumpStart: Stelvio Pass - Gallery
• CMX JumpStart: Stelvio Pass - Gallery
• Displaying Horizontal List Navigation in Dreamweaver's Design View
• The CSS Starter Page Series Part 10: Adding a Print Style Sheet
• YouTube Extension

• The CSS Starter Page Series Part 8: Managing Content with Spry
• Extending Dreamweaver CS4: Part 4 - Digg This!
• Extending Dreamweaver CS4: Part 3 - Phatfusion SortableTable
• The CSS Starter Page Series Part 7: Adding A Spry Menu Bar
• The CSS Starter Page Series Part 6c: Adding Navigation Schemes Part Three
• Extending Dreamweaver CS4: Part 2 - jQuery UI Calendar
• Extending Dreamweaver CS4 - Part 1: The TNC Lightbox
• Dreamweaver Built-In CSS Help Features - Part 3: CSS Layout Backgrounds
• The Adobe BrowserLab Web Service
• CMX JumpStart: Siberia