Scroll To Top

Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

PVII Knowledge Base

1. Select a product ...
2. Select category ...
3. Search the Knowledge Base...

Question #210

I am using Dreamweaver 8, Dreamweaver MX 2004, CS3, or CS4 and my CSS Layout Magic page does not display properly in Design View. What can I do?

The Answer

Prepared Jul. 2007 by Al Sparber, PVII

Dreamweaver is not a browser and its support for CSS is not perfect. While the current version of Dreamweaver has less bugs, older versions could sometimes be inaccurate to the point of making it impossible to edit content in Design View. These issues are the result of poor programming and/or poor attention to bugs on the part of Adobe. If you cannot see the content to edit it in Design View here is a workaround you can use:

Temporarily Disable CSS

Find the CSS link and temporarily disable it. Undo this change when you are ready to save your page. The CSS link looks something like this:

<link href="p7csslm/p7csslm01.css" rel="stylesheet" type="text/css" />

The number at the end of the file name is relevant to the layout you are using. Add an XX to the end of the file name so it looks like this:

<link href="p7csslm/p7csslm01XX.css" rel="stylesheet" type="text/css" />

Your page will render as pure text and all content will be easily edittable.

Remove the XX when you are ready to save your page.

If you have a new, or relatively new version of Dreamweaver, you can open the Style Rendering Toolbar and toggle CSS display on or off with a single click. See Dreamweaver Help if you are unsure how to access toolbars.

Back to the questions list