Announcement

Collapse
No announcement yet.

NorCascade in Firefox!?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    NorCascade in Firefox!?

    Hi, We're currently altering our product layout on out test site.

    I'm checking the layouts in iexplorer and FF, but am getting a different result from both, not massive, but still annoying.

    We use NorCascade by drillpine, Now when you get to the product level in explorer the page loads fine and everything is where i want it, but when i load the same page in FF, my NorCascade menu jumps inwards on the page blocking some of the product txt. Why is this?

    I've sort of narrowed it down to one thing. I have both the best sellers & new products list in our product level, one underneath the other, But if i just upload with just the new product layout or bestseller layout our the page loads for in FF and explorer.

    Is there anyway to solve this error?

    our test site is: www dot classixshop dot com /acatalog/test/acatalog

    Our product level layout is as followed:

    HTML Code:
    <!-- ProductLine HTML begin -->
    <!-- Insert HTML for the top of the individual product -->
    <actinic:block if="%3cactinic%3avariable%20name%3d%22ListIndex%22%20%2f%3e%20%20%3e%201" ><!-- ProductSeparator HTML begin -->
    <!-- This template specifies the product separators -->
    
    <TR><TD COLSPAN="3"><HR SIZE="1" ALIGN="CENTER" WIDTH="100%"></TD></TR>
    
    <!-- This template specifies the product separators -->
    <!-- ProductSeparator HTML end --></actinic:block>
    
    <a href="<actinic:variable name="UpALevelPageURL" />">Previous Page</a>
    
    <actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductFormUsed%22%20%2f%3e" >
          <form method="post" action="<actinic:variable name="OnlineScriptURL" value="Shopping Cart Script URL" />"> 
             <input type="hidden" name="SID" value="<actinic:variable name="SectionID" />" />
             <input type="hidden" name="PAGE" value="PRODUCT" />           
             <input type="hidden" name="PAGEFILENAME" value="<actinic:variable name="SectionPageName" />" />
             <Actinic:SECTION BLOB='<actinic:variable name="SectionCatFile" />'/>
    </actinic:block>
      <tr>
        <td width="290" rowspan="2" valign="TOP" align="CENTER">  <actinic:variable name="ProductImageLayout" />
        
    <actinic:variable name="Extra Image Layout" />
    
       	</TD>
    
    	<TD COLSPAN="2" VALIGN="TOP" ALIGN="center">
    
    <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td>
    <actinic:variable formatting="bold,font(Size|12)" encoding="actinic" name="ProductName" />
    <p><actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductReferenceVisible%22%20%2f%3e" >
             Product Code: <actinic:variable formatting="bold,font(Size|12|Color|666666)" name="ProductReference" />
    </actinic:block></p>
    <actinic:variable name="ProductDescription" />
    <br /><br />
    <actinic:block if="%3cactinic%3avariable%20name%3d%22FileURLNotEmpty%22%20%2f%3e" >
    	<a href="<actinic:variable name="ProductLinkInfo" />">
    	</actinic:block>
    <actinic:block if="%3cactinic%3avariable%20name%3d%22FileURLNotEmpty%22%20%2f%3e" >
    	</a>
    </actinic:block>
    <actinic:variable name="AttributeList" />
    <actinic:variable name="ComponentList" />
    <br />
    <actinic:block if="%3cactinic%3avariable%20name%3d%22IsAddToCartButtonShown%22%20%2f%3e%20%3d%3d%20False" >
    </actinic:block>
       <p>
    <actinic:block if="%3cactinic%3avariable%20name%3d%22IsAddToCartButtonShown%22%20%2f%3e%20AND%20%0d%28%3cactinic%3avariable%20name%3d%22NumberAttributesInPushButtonGrid%22%20%2f%3e%20%3d%3d%200%29" >
    <actinic:variable name="AddToCartButton" />
    </actinic:block>
          <actinic:block if="%3cactinic%3avariable%20name%3d%22IsOutOfStockShown%22%20%2f%3e" ><!-- OutOfStock HTML begin -->
    <!-- This template is used for the out of stock message. -->
    
    <P><B><FONT FACE="ARIAL"><actinic:variable name="OutOfStock" /></FONT></B></P>
    
    <!-- This template is used for the out of stock message. -->
    <!-- OutOfStock HTML end --></actinic:block><actinic:block if="%3cactinic%3avariable%20name%3d%22IsCatalogSuspendedShown%22%20%2f%3e" ><!-- Suspended HTML begin -->
    <!-- This template is used for the catalog suspended message. -->
    
    <P><B><FONT FACE="ARIAL"><actinic:variable name="CatalogSuspended" /></FONT></B></P>
    
    <!-- This template is used for the catalog suspended message. -->
    <!-- Suspended HTML end --></actinic:block>
    
    <br /><br />
    <actinic:block if="%3cactinic%3avariable%20name%3d%22IsRetailCustomerMessageUsed%22%20%2f%3e" >
    <Actinic:PRICE_EXPLANATION PROD_REF="<actinic:variable name="ProductID" />" COMPONENTID=-1><actinic:variable name="RetailCustomerMessage" /></Actinic:PRICE_EXPLANATION>
    </actinic:block>
    <actinic:block if="%3cactinic%3avariable%20name%3d%22PriceIsEnabled%22%20%2f%3e" >
    <b>
    <Actinic:PRICES PROD_REF="<actinic:variable name="ProductID" />" RETAIL_PRICE_PROMPT="<actinic:variable name="ProductPriceDescription" />">
    <actinic:variable name="PriceListRetail" />
    </Actinic:PRICES>
    </b>
    </actinic:block>
    <actinic:block if="%3cactinic%3avariable%20name%3d%22ProductPriceIsEnabled%22%20%2f%3e%20%3d%3d%20False" >
    <Actinic:NOTINB2B><strong><actinic:variable name="ProductPriceNotEnabledMessage" /></strong></Actinic:NOTINB2B>
    </actinic:block>
       <actinic:block if="%3cactinic%3avariable%20name%3d%22DiscountDescriptionIsShownForProducts%22%20%2f%3e" >
          <actinic:variable name="DiscountList" value="Standard Section Discount List" />
       </actinic:block>
    <actinic:block if="%3cactinic%3avariable%20name%3d%22IsOtherInfoPromptShown%22%20%2f%3e" >
             <br />
             <span class="actrequired"><actinic:variable name="OtherInfoPrompt" /></span><br />
             <input type="text" name="O_<actinic:variable name="ProductID" />" size="60" maxlength="1000" value="" />
    </actinic:block>
    <actinic:block if="%3cactinic%3avariable%20name%3d%22IsDatePromptShown%22%20%2f%3e" >
             <br />
             <span class="actrequired"><actinic:variable name="DatePrompt" /></span><br />
             <actinic:variable name="DayList" /><actinic:variable name="MonthList" /><actinic:variable name="YearList" />
    </actinic:block>
    </FONT>
    
    <FONT>
    
    <actinic:variable name="CartErrorListXML" />
    <actinic:block if="%3cactinic%3avariable%20name%3d%22IsQuantityPromptShown%22%20%2f%3e" >
          <br />
          <span class="actrequired"><actinic:variable name="QuantityPrompt" /></span>
          &nbsp;
          <input type="text" name="Q_<actinic:variable name="ProductID" />" size="4" value="<actinic:variable name="DefaultQuantity" />" />
    </actinic:block>
    <actinic:block if="%3cactinic%3avariable%20name%3d%22IsQuantityPromptHidden%22%20%2f%3e" >
    	<input type="hidden" name="Q_<actinic:variable name="ProductID" />"  value="<actinic:variable name="DefaultQuantity" />" />
    </actinic:block>
    
    <actinic:block if="%3cactinic%3avariable%20name%3d%22FileURLNotEmpty%22%20%2f%3e" >
    	<a href="<actinic:variable name="ProductLinkInfo" />">
    	</actinic:block>
    <actinic:variable formatting="font(Size|11|Color|000000),bold" name="ProductLinkText" />
    <actinic:block if="%3cactinic%3avariable%20name%3d%22FileURLNotEmpty%22%20%2f%3e" >
    	</a>
    </actinic:block>
    
    <actinic:block if="%3cactinic%3avariable%20name%3d%22IsPopUpPageDisplayedByButton%22%20%2f%3e" >
        <actinic:variable name="ExtendedInformationLinks" />
    </actinic:block>
    <br /><br />
    <script type=text/javascript>
    var _d = "<actinic:variable name="ProductName" />";
    var _e = "subject=Take alook at this "+_d;
    var _m = "<img src='email.gif' border='0' alt='E-mail a friend'/>";
    document.write("<a href='mailto:?"+_e+"'>"+_m+"</a>");
    </script>
    <br /><br />
    <!-- AddThis Button BEGIN -->
    <script type="text/javascript">addthis_pub  = 'classix';</script>
    <a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '[URL]', '[TITLE]')" onmouseout="addthis_close()" onclick="return addthis_sendto()"><img src="http://s7.addthis.com/button1-addthis.gif" width="125" height="16" border="0" alt="" /></a><script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
    <!-- AddThis Button END -->
    
    </td></tr></table>
    
    <TD COLSPAN="2" VALIGN="TOP" ALIGN="right">
    <actinic:variable name="BestSellersList" />
    <actinic:variable name="NewProductListSidebar" />
    
    <actinic:block if="%3cactinic%3avariable%20name%3d%22IsProductFormUsed%22%20%2f%3e" >
          </form>
    </actinic:block>
    <actinic:block if="%3cactinic%3avariable%20name%3d%22IsPopUpPageGenerated%22%20%2f%3e" >
    	<actinic:variable name="ExtendedInfoPageDesign" />
    </actinic:block>
    Any help appreciated
    Cheers FrAz

    #2
    See http://drillpine.biz/forums/viewtopic.php?f=4&t=208 where there are two suggestions.
    Norman - www.drillpine.biz
    Edinburgh, U K / Bitez, Turkey

    Comment


      #3
      if ( navigator.appName == 'Netscape' ) firstleft = firstleft - 8;

      seems to have postioned NorCascade correctly on the product level, now sections and the rest of the site are out of sync. How come the product page is generating something different?

      Cheers FrAz
      Cheers FrAz

      Comment


        #4
        Site looks no different to me. Without the URL's of two varying pages I can't comment.

        You would be much better using the named anchor solution as this is the cleanest route.
        Norman - www.drillpine.biz
        Edinburgh, U K / Bitez, Turkey

        Comment


          #5
          Hi Norman
          Yes i changed things on the test site so both the live site and test site looked that same removing my problem, but that's not to say it's gone! lol. I've re-uploaded my full test site so i can show you exactly what's going on.

          The Norcascade still moves in FF, but i've managed to narrow down the reason why it does it. if you go to our test site:

          www dot classixshop dot com /acatalog/test/acatalog

          and go to our tops & t-shirts sections and then to the brand 'Sik World', you'llbbe met by girls and mens seciton. Now if you go into the mens section you'll see that Norcascade has been nudged inwards slightly. As for the girls section it stays exactly where it should, this is just one section where you can compare the error with a similar section.

          It seems that if the section has more that 2 rows, it knocks Norcascade out of line. The code:

          if ( navigator.appName == 'Netscape' ) firstleft = firstleft - 08;

          added to NorCascade advance code worked a treat, but applied the nudge to all catalog pages that wouldn't really work all not all sections have more than 2 rows as you can see by my example sections. Is there a way of nudging Norcascade if the section has more than 2 row / generates a certain page height?

          Here's our primary code in case there's something in there causing anything:

          HTML Code:
          <!-- Primary HTML begin -->
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
          <html>
          <head>
             <title>
             	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22">
          		<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionPageTitle%22%20%2f%3e%20%20%21%3d%20%22%22">
          			<actinic:variable encoding="actinic" name="SectionPageTitle" />	
          		</actinic:block>	
          		<actinic:block if="%3cactinic%3avariable%20name%3d%22SectionPageTitle%22%20%2f%3e%20%20%3d%3d%20%22%22" >	
          			<actinic:variable name="CompanyName" /> <actinic:variable name="SectionName" />
          		</actinic:block>
          	</actinic:block>
           	<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Section%22" >
          		<actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Store%20Front%20Page%22" >
          		<actinic:variable name="StoreName" />
          		</actinic:block>
          	</actinic:block>
             </title>
             
          <LINK REL="SHORTCUT ICON" HREF="http://www.classixshop.com/favicon.png" /> 
          
                <actinic:variable name="BaseHref" /></Actinic:BASEHREF>
             
             <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
                <meta http-equiv="MSThemeCompatible" content="yes">
             <actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Section%22%29%20AND%20%28%3cactinic%3avariable%20name%3d%22GlbMetaKeywords%22%20%2f%3e%20%21%3d%20%22%22%29" >
          	   <meta name="keywords" content="<actinic:variable name="GlbMetaKeywords" />">
             </actinic:block>
             <actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Section%22%29%20AND%20%28%3cactinic%3avariable%20name%3d%22GlbMetaDescription%22%20%2f%3e%20%21%3d%20%22%22%29" >
          	   <meta name="description" content="<actinic:variable name="GlbMetaDescription" />">
             </actinic:block>
             <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22" >
          	   <actinic:block if="%3cactinic%3avariable%20name%3d%22MetaKeywords%22%20%2f%3e%20%21%3d%20%22%22">
          		   <meta name="keywords" content="<actinic:variable name="MetaKeywords" />">
          	   </actinic:block>
             </actinic:block>
             <actinic:block if="%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22" >
                <actinic:block if="%3cactinic%3avariable%20name%3d%22MetaDescription%22%20%2f%3e%20%21%3d%20%22%22">
          	      <meta name="description" content="<actinic:variable name="MetaDescription" />">
                </actinic:block>
             </actinic:block>
             <actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%27PSP%20Bounce%20Page%27%29%20AND%20%28%3cactinic%3avariable%20name%3d%22IsPSPTestMode%22%20%2f%3e%20%3d%3d%20false%29" >
                  <script language="JavaScript">
                  <!--
                  function onLoad()
                  {
                  document.formOCC.submit();
                  }
                  // -->
                  </script>
          </actinic:block>
             
             <actinic:block if="%3cactinic%3avariable%20name%3d%22IsP3PPolicyUsed%22%20%2f%3e"><link rel="P3Pv1" href="<actinic:variable name="P3PFullPolicyLink" />"></actinic:block>
          <SCRIPT LANGUAGE="JavaScript" SRC="actiniccore.js" TYPE="text/javascript"></SCRIPT>
          <SCRIPT LANGUAGE="JavaScript" SRC="actinicextras.js" TYPE="text/javascript"></SCRIPT>
          
          <SCRIPT LANGUAGE="JavaScript" SRC="multiproductimagesupport.js" TYPE="text/javascript"></SCRIPT>
          
          <!-- Placeholder of cookie checking javascript code. Do not remove it! -->
          <Actinic:COOKIECHECK/></Actinic:COOKIECHECK/>
          
          <!--
          The NETQUOTEVARs below can be uncommented and moved to the appropriate
          location to save and load shopping lists
          <A HREF="NETQUOTEVAR:SAVECARTURL"><FONT FACE=ARIAL SIZE=-1><I><B>Save
          
          Shopping List</B></I></FONT></A>
          <A HREF="NETQUOTEVAR:RESTORECARTURL"><FONT FACE=ARIAL SIZE=-1><I><B>Load
          Shopping List</B></I></FONT></A>
          --->
          <LINK REL=STYLESHEET HREF="actinic.css">
          <link rel="SHORTCUT ICON" href="http://www.classixshop.com/acatalog/favicon.png">
          
          <link href="actinic.css" rel="stylesheet" type="text/css" />
          
          <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
          _uacct = "UA-4596566-1";
          </script>
          <script type="text/javascript">
          <!--
          <actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%21%3d%20%22Section%22%29">
          	urchinTracker('<actinic:variable name="PageType" />.html');
          </actinic:block>
          <actinic:block if="%28%3cactinic%3avariable%20name%3d%22PageType%22%20%2f%3e%20%3d%3d%20%22Section%22%29">
          	urchinTracker();
          </actinic:block>
          // -->
          </script>
          
          </head>
          
          <!-- NorCascade -->
          <link rel="stylesheet" type="text/css" href="pop_style.css" />
          <!-- NorCascade -->
          <!-- <actinic:block if="%3cactinic%3avariable%20name%3d%22IsBackgroundColor%22%20%2f%3e%20%3d%3d%20false">background="<actinic:variable name='BackgroundImageFilename'/>"</actinic:block> -->
          <body onload="<actinic:variable name="OnLoadScript" value="PreloadImages" />; javascript:__utmSetTrans()">
          <script type="text/javascript">
          <!--
          var utmt, utmi, utmordernumber, utmprice, utminvoice, utmquantity, utmprodref, utmproduct;
          utmi = "";
          // -->
          </script>
          
          <actinic:variable name="Extra Image Support" />
          
          <a name="#top"></a>
          	<div align="center">
          
          <!-- Header HTML begin -->
          <!-- This file is used to build the page headers including the title, logo, etc. -->
          
          
          <!-- If customer accounts are in operation following two lines allow displaying -->
          <!-- User name and customer account name on every page -->
          <Actinic:NOWSERVING/>
          <Actinic:CURRACCOUNT/><Actinic:LOGOUT_SIMPLE/>
          <!-- The following two lines can be uncommented and moved to include the section image -->
          <!-- and description in the section page headers -->
          <!-- NETQUOTEVAR:SECTIONIMAGE -->
          <!-- NETQUOTEVAR:SECTIONTEXT -->
          
          <Actinic:Variable Name="Include_inc_header"/>
          
          <table class="left" width="1050" cellspacing="0" cellpadding="0" style="background:#fff;border:1px solid #AAA">
          <tr><td width="118" valign="top" style="background:#000">
          
          <Actinic:Variable Name="Include_inc_left"/>
          
          </td><td valign="top" bgcolor="#ffffff" style="border-left:1px solid #AAA;">
          
          <table class="body" width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#FFFFFF"><tr><td valign="top">
          <div width="100%" height="100%">
          
          <!--Main Body Actinic type Stuff-->
          
          <actinic:block if="%3cactinic%3avariable%20name%3d%22CaptureCoupon%22%20%2f%3e" />
          
          <form method="<actinic:variable name="CGIMethod"/>" action="<actinic:variable name="OnlineScriptURL" value="Shopping Cart Script URL"/>">
          <!-- New Unused coupon stuff v7 
          <!-- coupon entry begins -->
          <table width="100%" border="1" cellspacing="0" cellpadding="2">
            <tr> 
              <td><strong><font size="-1" face="Arial, Helvetica, sans-serif"><actinic:variable name="CouponTitle"/></font></strong>&nbsp;<font size="-1" face="Arial, Helvetica, sans-serif"><actinic:variable name="CouponMessage"/></font></td>
              <td valign="top" nowrap>
          <input type="TEXT" name="COUPONCODE" size="15" maxlength="255" value="<actinic:variable name="CouponCaption"/>" onFocus="this.value='';this.style.background='#FFFFFF'">
          &nbsp;<input type="SUBMIT" name="ACTION" value="<actinic:variable name="CouponAction"/>">
              </td>
            </tr>
          </table>
          </form>
          
          -->
          </actinic:block>
          
          	    <p><a name="top">
                    
                    </a>  <DIV ALIGN="CENTER"><actinic:variable name="INNERLAYOUT" /></div>
          
          <!--Main Body Actinic type Stuff Ends-->
          </div>
          </td></tr></table>
          </td></tr></table>
          
          <Actinic:Variable Name="Include_inc_footer"/>
          
          <actinic:block if="%3cactinic%3avariable%20name%3d%22IsWorkingLikeFrames%22%20%2f%3e">
                </td>
             </tr>
          </table>
          </actinic:block>
          </body>
          </html>
          <!-- Primary HTML end -->
          Cheers for you help so far
          Cheers FrAz

          Comment


            #6
            Originally posted by Classix View Post
            The Norcascade still moves in FF, but i've managed to narrow down the reason why it does it. if you go to our test site:
            You get some strange effects if you reduce the size of the page width in FF3, on the main page the menu is moving around and can disappear of the left hand side of the page.

            Malcolm

            SellerDeck Accredited Partner,
            SellerDeck 2016 Extensions, and
            Custom Packages

            Comment

            Working...
            X