firefox display problems

[sadie]

I need help with a few firefox display problems (i.e. was fine the last time I checked). I had a problem with the ssl page and firefox shifting the entire page (below the logo) to the right, and the page had very large print. I fixed the shift to the right, now, I lose the logo, navigation bar disappears, and the print is really large/distorted in firefox. Here is the address to my test store:

www.vintageknits.net/new_store

To get the error, go to my site in firefox, and then hit login.

Free help would be great, but if someone charges for fixing this, please pm me. This upgrade has taken too much time and been miserable. A little money out of my pocket is worth the aggravation of this upgrade.

Thanks

[sadie]

Quick update

Sometimes the error pages do not show up until you actually log in. I have set up a demo log in for anyone trying to duplicate the error pages:

username: zencart
email address: zencart####################

vintageknits.net/new_store

[jund]

Did you do anything to your site in the last couple of minutes? 1:51 PM EDT
jund

[jund]

Quick update

Sometimes the error pages do not show up until you actually log in. I have set up a demo log in for anyone trying to duplicate the error pages:

username: zencart
email address: zencart####################

vintageknits.net/new_store

Your style sheet has errors:
For starters: line 221:You are missing a quote after the alt:

background-image: url(a href="<A href="http://www.vintageknits.net/new_store/"><img">http://www.vintageknits.net/new_store/"><img src="includes/templates/template_custom/images/logo.gif" alt=" height="44" width="748");
overflow: auto;
}

Quote added (you should put in alt text between quotes)
background-image: url(a href="<A href="http://www.vintageknits.net/new_store/"><img">http://www.vintageknits.net/new_store/"><img src="includes/templates/template_custom/images/logo.gif" alt=" " height="44" width="748");
overflow: auto;
}

jund

[jund]

On another thread:
Add the line in red to your stylesheet for the navMainWrapper

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #80A470;
/*background-image: url(../images/tile_back.gif);*/
padding: 0.2em 0em;
font-weight: bold;
color: #fff999;
overflow: auto; /* Added for Firefox for screen shift */
height: 2em;
}
jund

[sadie]

Did you do anything to your site in the last couple of minutes? 1:51 PM EDT
jund

Yes, I removed all of my supposed fixes to the shift right problem. When I went to IE, my firefox fixes broke the template in IE. Here are the fixes that I removed:


#logoWrapper {

background-image: url(a href="http://www.vintageknits.net/new_store/"><img src="includes/templates/template_custom/images/logo.gif" alt="" height="44" width="748");
overflow: auto;
}


#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #fffbf0;
font-weight: bold;
color: #660000;
border: 1px solid #aa0055;
height: 1%;
width: 100%;
overflow: auto;
}


These fixes fixed everything in firefox except the very large print (but it made the navigation box disappear). Now I am back to the shifting far right and large print in firefox, but IE is fine. I will look at this in a few hours when I return.

[dbltoe]

Something has decided that your centerColumn needs to be 556 pixels wide versus the 450 that would make everything line up. If you really want the extra with, change the width of the nav and footer wrappers to 856px. You could then center the logo and adjust the background as needed.

Also, you seem to be one of many who have fallen victim to the html editor for the define main page. If you used the Admin --> Tools --> Define Pages Editor, open it up and go to the main page. Once it's open, click on the <> symbol and copy the following to replace what you have there now.

<p>Welcome to the online catalogue of <strong>Vintage Knits Wool Shoppe, LLC</strong>.  We specialize in offering our customers the finest knitting yarns and accessories available.  In addition to stocking designer yarns and patterns from fine larger suppliers, we search throughout the world to locate small companies who produce hand dyed yarns and unique accessories.</p>      
<p>Our online catalogue is updated frequently as new yarns are acquired.  We want our customers to experience the best the fiber arts world has to offer.  So, sit back, relax, and enjoy your shopping.</p>
<hr />
<h3 align="center">SPECIALS<br /><center>Buy More And Save!</h3>
<div align="center">
<ul>
<li><u>5&#37; DISCOUNT</u> OFF ORDERS OF MORE THAN $100.00<br />Place this coupon code in your cart at checkout:  f5f5c22b2c</li>
<li><u>10% DISCOUNT</u> OFF ORDERS OF MORE THAN $200.00<br />
Place this coupon code in your cart at checkout:  78388a0ea1</li>
</ul>
</div>
<h3 align="center">ONLY ONE COUPON MAY BE USED PER ORDER</h3>

The unordered list you have there now is incorrect and giving the browsers headaches.

[bx1]

Hi All,

I can't figure out this firefox site shift thing. I've tried putting overflow: auto; in appropriate places but it doesn't do anything. If I try putting overflow: auto; in the #logo part I lose the scrollbar on the bottom.

My site url is http://www.beautyxpress.com.au/store

Any help would be much appreciated

[dbltoe]

Not a good idea to jump into a thread with a different problem. Not that it's not allowed, just can easily get passed over if someone thinks they've already addressed the problem.

That said, I think part of your problem is a stray </a> right near the end of your flash embed.

<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="/store/includes/templates/template_default/nnez_com/flash/header_bigger2.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="/store/includes/templates/nnez_com/header_bigger2.swf" quality="high" bgcolor="#ffffff" width="790" height="307" name="nnez_com" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></noscript></a><br>

Try taking out what I've highlighted in red and see what happens.

You've also got some problems with extra </li>'s in your drop menu and an extra </div>. Again, delete the items in red.

<div id="dropMenu">
<ul class="level1">

<li class="submenu"><a href="http://beautyxpress.com.au/store/index.php?main_page=index">STORE HOME</a>
<ul class="level2">
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=new_products.php">NEW PRODUCTS</a></li>
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=specials">SPECIALS</a></li>
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=featured_products">STAFF PICKS</a></li>
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=products_all">ALL PRODUCTS</a></li>

</ul>
</li>

<li class="submenu"><a href="http://beautyxpress.com.au/store/index.php?main_page=about_us">About Us</a>
<ul class="level2">
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=shippinginfo">SHIPPING & RETURNS</a></li>
<li></li><a href="http://beautyxpress.com.au/store/index.php?main_page=FILENAME_FAQ">FAQ</a></li>

<li><a href="http://beautyxpress.com.au/store/index.php?main_page=privacy">PRIVACY POLICY</a></li>
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=conditions">CONDITIONS OF USE</a></li>
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=site_map">SITE MAP</a></li>
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=unsubscribe">NEWSLETTER UNSUBSCRIBE</a></li>
</ul>
</li>

<li class="submenu"><a href="http://www.beautyxpress.com.au/forum">FORUM</a>

</li>

<li class="submenu"><a href="http://www.beautyxpress.com.au/store/index.php?main_page=index&cPath=wordpress">ARTICLES</a></li>
</li>

<li class="submenu"><a href="http://www.beautyxpress.com.au/store/index.php?main_page=index&cPath=testimonials">TESTIMONIALS</a></li>
</li>

<li class="submenu"><a href="http://beautyxpress.com.au/store/index.php?main_page=contact_us">Contact Us</a></li>
</li>



<!-- You can also add links on this side of your catefories menu
<li class="submenu"><a href="http://beautyxpress.com.au/store/index.php?main_page=index">Information</a>
<ul class="level2">
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=shippinginfo">Shipping Info</a></li>
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=privacy">Privacy Policy</a></li>
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=conditions">Conditions of Use</a></li>
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=about_us">About Us</a></li>
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=site_map">Site Map</a></li>
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=gv_faq">Gift Certificate FAQ</a></li>
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=discount_coupon">Discout Coupons</a></li>
<li><a href="http://beautyxpress.com.au/store/index.php?main_page=unsubscribe">Newsletter Unsubscribe</a></li>
</ul>
</li>
-->

</ul>
</div>
</div>

When you've got a chance, search the forum on flash embeds. You may find it can be a little simpler than the method you used.

[bx1]

Not a good idea to jump into a thread with a different problem. Not that it's not allowed, just can easily get passed over if someone thinks they've already addressed the problem.

That said, I think part of your problem is a stray </a> right near the end of your flash embed.Try taking out what I've highlighted in red and see what happens.

You've also got some problems with extra </li>'s in your drop menu and an extra </div>. Again, delete the items in red.When you've got a chance, search the forum on flash embeds. You may find it can be a little simpler than the method you used.

Thanks so much for your reply! The site looks a lot better however it the rest of the site is still separate from the header. If I embed the flash header a different way do you think it will make a difference?