Menu still not appearing in IE7+

7/29/2010 9:25 am | #1 Lee Fuller

I followed the FAQ instructions about coding for HTML 4.01 Transitional for all pages where the CSS menu has been inserted. This worked on only one page. The rest still show only text.

Here's an example of code from a page based on the template where I added that coding - and it does NOT work:

<!-- InstanceBegin template="/Templates/siteassistpro_template.dwt.cfm" codeOutsideHTMLIsLocked="false" --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head>

The page that works fine now shows this code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Any idea of what to do now?

One the works: http://www.richardsssccc.com/index.cfm
One that does not: documents.cfm

7/29/2010 10:36 am | #2 Jason ByrnesWebAssist

the comment before the doc type tag:


causes IE to use quirks moe.

for ie to function properly, the very first tag must be the doctype tag,

<!-- InstanceBegin template="/Templates/siteassistpro_template.dwt.cfm" codeOutsideHTMLIsLocked="false" --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

should be changed to:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- InstanceBegin template="/Templates/siteassistpro_template.dwt.cfm" codeOutsideHTMLIsLocked="false" -->

you probably need to change this in the template as well.

7/29/2010 5:01 pm | #3 Lee Fuller

I already changed it in the template. And in the template, that line appears at the very top of the file. Yet, when it updates the files based on it, it puts it below the other code, as I show in my initial post.

How do I get all 230+ of these pages to update properly? This site was created using SiteAssist Pro.. and we're basing virtually all pages off the template in DW.

7/30/2010 9:42 am | #5 Lee Fuller

Sure.. here you go..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- TemplateBeginEditable name="doctitle" -->
<title>SSCCC Senator Rachael Richards</title>
<!-- TemplateEndEditable -->
<style type="text/css" media="all">
<!--
@import url("../siteassistpro_css/content.css");
-->
</style>
<style type="text/css" media="print">
<!--
@import url("../siteassistpro_css/content_print.css");
-->
</style>
<!--[if IE 5]>
<style type="text/css"> 
/* IE 5 does not use the standard box model, so the column widths are overidden to render the page correctly. */
#outerWrapper #contentWrapper #leftColumn1 {
  width: 200px;
}
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css"> 
/* The proprietary zoom property gives IE the hasLayout property which addresses several bugs. */
#outerWrapper #contentWrapper, #outerWrapper #contentWrapper #content {
  zoom: 1;
}
</style>
<![endif]-->
<style type="text/css" media="all">
<!--
@import url("../CSSMenuWriter/cssmw_content/menu.css");
-->
</style>
<!-- TemplateBeginEditable name="menu_ie" -->
<!--[if lte IE 6]>
<style type="text/css" media="all">
@import url("../CSSMenuWriter/cssmw_content/menu_ie.css");
</style>
<![endif]-->
<!-- TemplateEndEditable -->
<script type="text/javascript" src="../CSSMenuWriter/cssmw_content/menu.js"></script>
<style type="text/css" media="all">
<!--
@import url("../siteassistpro_css/mystyles.css");
a:visited {
    color: #3a32c4;
}
a:active {
    color: #36F;
}
-->
</style>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>

<body>

<div id="outerWrapper">
  <div id="header">SSCCC Senator Rachael Richards</div>
  <div id="topNavigation">
    <cfinclude template="../CSSMenuWriter/cssmw_content/menu.cfml">
  </div>
  <div id="contentWrapper">
    <div id="leftColumn1">
      <h2>&nbsp;</h2>
      <!-- TemplateBeginEditable name="LeftColumn_Area_1" -->
      <p>Lortestnsectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. <a href="#">More...</a></p>
      <!-- TemplateEndEditable -->
      <hr>
      <!-- TemplateBeginEditable name="LeftColumn_Area_2" -->
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. <a href="#">More...</a></p>
      <!-- TemplateEndEditable --></div>
    <div id="content"><!-- TemplateBeginEditable name="content" -->[content]<!-- TemplateEndEditable --></div>
  </div>
  <div id="footer"><a href="../resources.cfm">Resources</a> | <a href="../contactme.cfm">Contact me</a></div>
</div>

</body>
</html>

7/30/2010 10:11 am | #6 Jason ByrnesWebAssist

I am not able to reproduce the issue.

make sure that all of your site files are closed in Dreamweaver, then open the template file.

With the template file open, go to Modify -> Templates -> Update pages

make sure Entire Site is selected for Look In. and Templates is checked in the update section.

Check Show Log to see a log of all the pages that are updated.

7/30/2010 12:20 pm | #7 Lee Fuller

Did everything you suggested. It shows no files modified out of all that were checked.

So I removed the coding.. redid the update to all template-based files. It removed the coding. Then I re-applied the coding and updated all files (all were in fact updated per the log) and still the same issue. It inserts that code immediately after it's own tag in all the files based on the template.

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

Menu still not appearing in IE7+

7/29/2010 9:25 am | #1 Lee Fuller