Chapter 10

Working with Layouts

In This Chapter

  • Understanding how divs and AP elements work in Dreamweaver
  • Inserting <div> tags
  • Dreamweaver Technique: Applying a CSS Layout
  • Working with fluid grids for multiple screens
  • Modifying AP elements: Resizing, moving, and altering properties
  • Dreamweaver Technique: Inserting an AP Element
  • Creating interactive AP elements with Dreamweaver behaviors

For many years, page designers have taken for granted the capability to place text and graphics anywhere on a printed page—even enabling graphics, type, and other elements to bleed off a page. This flexibility in design has eluded web designers until recently. Lack of absolute control over layout has been a high price to pay for the universality of HTML, which makes any web page viewable by any system, regardless of the computer or the screen resolution.

Now, however, the integration of absolutely positioned elements (AP elements) within the Cascading Style Sheets specification has brought both relative and absolute positioning to the web. Page designers with a yen for more control welcome the precision offered with Cascading Style Sheets positioning. Positioning styles are frequently applied to <div> tags, which are used to separate a page into different areas or divisions.

The increase in the number of screen sizes found in mobile devices has brought another challenge to the web designer’s door. How is a layout to be seen optimally under the wide range of conditions? One technique with a ...

Get Dreamweaver CS6 Bible now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.