firefox display problems

**sadie** · 4 Aug 2007, 07:15 PM

Originally Posted by jund

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** · 6 Aug 2007, 03:06 AM

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.

HTML Code:

<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** · 13 Sep 2007, 04:52 AM

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** · 13 Sep 2007, 06:40 AM

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.

<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>



</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** · 14 Sep 2007, 04:46 AM

Originally Posted by 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.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?

**Kim** · 14 Sep 2007, 05:05 AM

Check the height of your header elements.

**bx1** · 14 Sep 2007, 05:54 AM

Originally Posted by Kim

Check the height of your header elements.

Hi Kim thanks for your reply. I'm not quite sure what you mean by this. I don't think it would be too hard to find just need a little push in the right direction hehe. Thanks!

**matteoraggi** · 7 Dec 2007, 12:32 PM

Here: www.estufe.com
I can't see images on firefox 2.0.0.11,
instead I see images on internet explorer 6, opera 9.21, flock (last version), netscape 9.0.0.4

**sadie** · 7 Dec 2007, 05:21 PM

This doesn't answer the last post, but for anyone who was having my exact problem, I fixed it. Apparently 1.3.7 was having problems with my shared ssl certificate. When I purchased my own ssl certificate, the display on ssl pages looked fine. I have no idea why 1.2.7 worked with a shared ssl certificate, and the later version did not.

Thread: firefox display problems

Thread Tools

Search Thread

Display

Hybrid View

Re: firefox display problems

Re: firefox display problems

Re: firefox display problems

Re: firefox display problems

Re: firefox display problems

Re: firefox display problems

Re: firefox display problems

Re: firefox display problems

Re: firefox display problems

Similar Threads

Display Problems in IE7 and Firefox

firefox, border problems

Firefox -vs- I.E. problems

Posting Permissions