3 Replies Latest reply on Jun 12, 2009 1:05 PM by Mark A. Boyd

    Div doesn't show in firefox

    Laser sailor

      The sidebar1 doesn't show in firefox.  It shows fine in safari and opera.  I can't see the reason why.  Any help would be appreciated.  I am getting styles from the imported CSS files.

      Code follows:


      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml">
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
      <style type="text/css">
      @import url(css/hnwsf.css);


      <!------------------ Conditional Ifs ----------------->
      <!--[if IE 5]>
      <style type="text/css">
      /* place css box model fixes for IE 5* in this conditional comment */
      .twoColFixLtHdr #sidebar1 { width: 230px; }
      <![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 */


      <!------------------ Link to Srpy Styles for Menu Bar ------------------>
      <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
      <link href="SpryAssets/HNWSFMenuBarHorizontal.css" rel="stylesheet" type="text/css" />


      <!-------------------- Header --------------------->
      <body class="twoColFixLtHdr">


      <div id="container">
        <div id="header">
          <h1 align="left"><img src="Images/Med-Vegetable-Retail.gif" width="295" height="200" class="fltrtHeaderImage" />
          <img src="Images/Hartleys-Logo-Decolicious-Optimized.gif" alt="Hartley's Logo" width="404" height="219" class="hnwsfLogoPosition" />
          <div class="clearfloat"></div><ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a href="#">Home</a>        </li>
            <li><a href="#">About Us</a></li>
            <li><a class="MenuBarItemSubmenu" href="#">Products &amp; Services</a>
                  <li><a href="#">Products</a>            </li>
                  <li><a href="#">Services</a></li>
            <li><a href="#" class="MenuBarItemSubmenu">News</a>
                  <li><a href="#">Awards</a></li>
                  <li><a href="#">Trade News</a></li>
            <li><a href="#">Contact Us</a></li>
        <!-- end #header --></div>
        <div id="sidebar1">
          <h3>Website under construction</h3>
          <p class="updatingWebSite">We are in the process of updating our website, so please check back soon to learn about our progress and new products and services.</p>
          <div id="sidebar2">     
            <div align="center"><span class="contactUsHNWSFFont">Contact Us</span><br />
              <br />
              <span class="contactUsHNWSFFont">Hartley's NW Seafoods, LLC</span><br /> 
              <span class="addressFont">350 S. Pekin Rd.<br />
              Woodland, WA 98674<br />
              360-225-3900<br />
              360-225-0141 fax<br />
              877-495-3474 toll free<br />
        <!-- end #sidebar --></div>
        <!------Main Content------------->
        <div id="mainContent">
          <div align="center"><img src="Images/Great Food.gif" width="484" height="138" />    </div>
          <p class="mainContentText">Hartley's NW Seafoods is committed to producing and distributing the finest seafood products. We seek to creatively respond to key customer needs by creating culinary solutions that make Halibut, Salmon, Cod and other species more user friendly and main stream.</p>
          <p class="mainContentText">The values that  are guidlines for our products are:</p>
          <p class="italicListCentered">All Natural</p>
          <p class="italicListCentered">Sustainable</p>
          <p class="italicListCentered">No Chemicals</p>
          <p class="italicListCentered">Environmentally Responsible</p>
          <p class="italicListCentered">Easy to Use</p>
          <p class="italicListCentered">Great Quality</p>
          <p class="italicListCentered"> </p>
          <p class="mainContentText">Seafood providers are looking for solutions in today's competitive market. HNWSF has developed products, services and production methods that we believe will revoluntionize the seafood industry and provide our customers with a true advantage in today's challenging business environment.    </p>
          <p class="Test"> </p>
      <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
        <div id="footer">
          <p class="italicListCentered">&copy; Copyright 2009 Hartley's NW Seafoods, LLC - Updated 5/3/09</p>
        <!-- end #footer --></div>
      <!-- end #container --></div>
      <script type="text/javascript">
      var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});