Skip navigation
Laser sailor
Currently Being Moderated

Div doesn't show in firefox

Jun 11, 2009 6:32 PM

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Home</title>
<style type="text/css">
@import url(css/hnwsf.css);
</style>

 


<!------------------ 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; }
</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]-->

 


<!------------------ 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 --------------------->
</head>
<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>
          <ul>
            <li><a href="#">Products</a>            </li>
            <li><a href="#">Services</a></li>
            </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">News</a>
          <ul>
            <li><a href="#">Awards</a></li>
            <li><a href="#">Trade News</a></li>
          </ul>
      </li>
      <li><a href="#">Contact Us</a></li>
    </ul></h1>
  <!-- end #header --></div>
 
 
  <!------------Sidebar----------->
  <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 />
        support@hnwsf.com</span></div>
    </div>
  <!-- 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>
  </div>
 
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats -->
   
<!--------------Footer------------->   
  <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"});
//-->
</script>
</body>
</html>

Attachments:
 
Replies
  • Currently Being Moderated
    Jun 12, 2009 12:03 AM   in reply to Laser sailor

    Can you upload the page and supply a link to it?

     

    Its really no good just supplying the html code and not the css.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 12, 2009 1:05 PM   in reply to Laser sailor

    Those are not links to the live files. We still don't have access to your images and cannot see your page in context. And don't bother with that File Attach thing. You never know how long the files(s) will remain in queue. Please see the following FAQs to help you to help us to help you (winky emoticon for email readers)

     

    Solving page layout problems

     

    And, if you really can't supply an online version (the BEST method),

     

    Posting code in this forum

     

    --
    Mark A. Boyd
    Keep-On-Learnin' :-)
    This message was processed and edited by Jive.

    It shall not be considered an accurate representation of my words.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points