2 Replies Latest reply on Apr 9, 2010 9:04 PM by drrickeyc

    Browser compatibility error question by new user

    drrickeyc

      I''m a new user of CS4, first full website, and am receiving an error that apparently will effect almost every browser (figures!) The error message reads: "Found 1 errors in twoColFixLtHdr.css." The error message refers to line 8. My site is under construction so I'm including the page of code that goes with the error and am editing line 8 to red to identify.

       

      I do appreciate any assistance someone can provide me with. Thank you!

       

      <-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <!-- InstanceBeginEditable name="doctitle" -->
      <title>Prayer Echoes-Home</title>
      <!-- InstanceEndEditable -->
      <link href="twoColFixLtHdr.css" rel="stylesheet" type="text/css" /><!--[if IE 5]>
      <style type="text/css">

      /* place css box model fixes for IE 5* in this conditional comment */
      .twoColFixLtHdr #sidebar1 { width: 230px; }
      </style>
      <![endif]--><!--[if IE]>
      <style type="text/css">
      /* place css fixes for all versions of IE in this conditional comment */
      .twoColFixLtHdr #sidebar1 { padding-top: 30px; }
      .twoColFixLtHdr #mainContent { zoom: 1; }
      /* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
      </style>
      <![endif]-->
      <style type="text/css">
      <!--
      body {
      background-color: #FFF;
      border-top-width: thin;
      border-bottom-width: thin;
      border-top-style: outset;
      border-right-style: none;
      border-bottom-style: outset;
      border-left-style: none;
      border-top-color: #996;
      border-right-color: #FFF;
      border-bottom-color: #996;
      border-left-color: #FFF;
      }
      -->
      </style>
      <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
      <link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
      <style type="text/css">
      <!--
      a:link {
      color: #7D4177;
      text-decoration: none;
      }
      a:visited {
      text-decoration: none;
      color: #7D4177;
      }
      a:hover {
      text-decoration: underline;
      color: #330;
      }
      a:active {
      text-decoration: none;
      color: #F00;
      }
      #MenuBarText {
      position:absolute;
      left:124px;
      top:641px;
      width:211px;
      height:318px;
      z-index:1;
      visibility: visible;
      overflow: visible;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      background-color: #FFF;
      border-top-color: #FFF;
      border-right-color: #FFF;
      border-bottom-color: #FFF;
      border-left-color: #FFF;
      text-align: left;
      }
      -->
      </style>
      <!-- InstanceBeginEditable name="head" -->
      <style type="text/css">
      <!--
      a:visited {
      color: #7D4177;
      }
      a:active {
      color: #F30;
      }
      -->
      </style><!-- InstanceEndEditable -->
      </head>

      <body class="twoColFixLtHdr">
      <div id="MenuBarText">
        <p> </p>
      </div>
      <div id="container">
        <div id="header"><h1><a href="http://www.prayerechoes.com/"><img src="images/prayer-echoes-logo.jpg" alt="Prayer Echoes logo" width="365" height="100" hspace="5" vspace="5" border="0" /></a><img src="images/prayer-echoes-slogan.jpg" alt="Prayer Echoes slogan" width="400" height="100" hspace="25" vspace="5" /></h1>
          <!-- InstanceBeginEditable name="Header Navigation Bar" -->
          <div class="headernavtext" id="headernavbar"><a href="http://www.prayerechoes.com/">HOME</a> | <a href="aboutus.html">ABOUT US</a> |<a href="feedback.html">CONTACT US</a> | <a href="faq.html">FAQ</a> | <a href="mission.html">MISSION</a> | <a href="policies.html">POLICIES</a> | <a href="testimonials.html">TESTIMONIALS</a> | <a href="sitemap.html">SITE MAP</a></div>
        <!-- InstanceEndEditable --></div>
        <div id="sidebar1">
         
            <ul id="MenuBar1" class="MenuBarVertical">
              <li><a href="http://www.prayerechoes.com/">Home</a></li>
              <li><a href="airprayer.html">Air Prayer</a></li>
              <li><a href="earthprayer.html">Earth Prayer</a></li>
              <li><a href="universeprayer.html">Universe Prayer</a></li>
              <li><a href="frames.html"> Frames</a></li>
              <li><a href="prayers.html">Prayers</a></li>
              <li><a href="prayerechoselect.html">Choose Prayer Echo</a></li>
              <li><a href="feedback.html">Contact Us</a></li>
              <li><a href="sitemap.html">Site Map</a></li>
            </ul>
         
        </div>
        <div id="mainContent">
          <h1 class="titletext"><!-- InstanceBeginEditable name="Page Title" -->
            <p><span class="maintitlegreen">Welcome to Prayer Echoes</span></p>
          <!-- InstanceEndEditable --></h1>
          <!-- InstanceBeginEditable name="Page Content" -->
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <p> </p>
          <!-- InstanceEndEditable -->
      <!-- end #mainContent --></div>
      <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
        <div id="footer"><!-- InstanceBeginEditable name="Footer Navigation Bar" -->
          <div class="footernav" id="footernavbar"><a href="http://www.prayerechoes.com/">HOME</a> | <a href="aboutus.html">ABOUT US</a> | <a href="feedback.html">CONTACT US</a> | <a href="faq.html">FAQ</a> | <a href="mission.html">MISSION</a> | <a href="policies.html">POLICIES</a> | <a href="testimonials.html">TESTIMONIALS</a> | <a href="sitemap.html">SITE MAP</a></div>
        <!-- InstanceEndEditable --><!-- InstanceBeginEditable name="Copyright" -->
          <p>Copyright &copy; 2009-2010 by Prayer Echoes. All rights reserved.</p>
          <!-- InstanceEndEditable -->
          <!-- end #footer --></div>
      <!-- end #container --></div>
      <script type="text/javascript">
      <!--
      var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
      //-->
      </script>
      </body>
      <!-- InstanceEnd --></html>