• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 4. Blazing Browsers: Real World ... > Placement, Placement, Placement

Placement, Placement, Placement

If you’ve ever looked at a layer-based page in a browser that is not layer capable, you know that you can get into a big mess in a big hurry. There is, however, a technique that gives you the best possible solution for both layer and nonlayer browser worlds—and that’s placement. The earlier browsers don’t understand the <div> tag and so it’s totally ignored; as I’m sure you know, <div> tags are used by Dreamweaver to create layers by default. They do, however, understand and render the content within those tags. It’s good practice to place your <div> tags in the HTML document in the order in which they should appear: For example, the heading area should go above the content, which should, in turn, go above the footer. Dreamweaver inserts the code, depending on the cursor placement. How do you re-order your <div> tags? Although you could cut and paste the code, I prefer to drag the layer icons into place. If you don’t see the little yellow icons for layers, you will need to make sure that the Anchor Points for Layers is checked in the Invisible Elements section of Edit > Preferences (Dreamweaver > Preferences) and that View > Visual Aids > Invisible Elements is enabled.

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint