<font face='Arial'>I have built a template and associated child pages in DW8 using CSS for all styling and positioning. What I wish to do is make the div id only editable but keep content in the div uneditable so it can be updated on all pages from the template. On each individual page, I wish to be able to change the div id to call styling information from the style sheet that is specific for that page. I tried making the id tag attribute editable in the template, but that made the CSS styling drop out, and then it messed up the template's updating ability. So I then tried the following:
<pre id=code><font face=courier size=2 id=code>
&lt; !-- InstanceBeginEditable name="topnav" -- &gt;
&lt; div id="topnav"&gt;
&lt; !-- InstanceEndEditable -- &gt;
&lt; ul&gt;
list context which should not be editable except from the template page....
&lt; /ul&gt;
&lt; /div&gt;
</font id=code></pre id=code>

On each page I wish to be able to edit "topnav" to "topnavA" or topnavB" and so forth and use only one style sheet. There are two other such div ids that I wish to be able to modify on specific pages without changing the content within the div.

By putting the editable instance only around the div id itself, DW complains that the closing div tag has become disassociated from its opening tag. However, the page works fine and seems to validate in online validators. Am I missing the correct way to do this? Or do I just ignore DW?

Thanks,
Liv
DW8
</font id='Arial'>