Using ProductCart - Help - Drill-down Navigation Widget Margin in IE7

Print Page | Close Window

Help - Drill-down Navigation Widget Margin in IE7

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Using ProductCart
Forum Description: Running your store with ProductCart
URL: https://forum.productcart.com/forum_posts.asp?TID=2131
Printed Date: 26-February-2025 at 10:09am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: Help - Drill-down Navigation Widget Margin in IE7

Posted By: hhsign
Subject: Help - Drill-down Navigation Widget Margin in IE7
Date Posted: 12-November-2008 at 7:56am

I can not seem to get the bottom margin to change in IE7. It looks fine in FF but has to much bottom margin in IE7. I can add margin to the widget but when I set the bottom margin to 0, IE7 still has about 3 times as much as FF. I tried moving the widget to different locations on the page and it does the same thing no matter where I place it. Here is a link to show what I am talking about.

http://www.hhsignsupply.com/productcart/pc/viewCategories.asp?idCategory=341 - http://www.hhsignsupply.com/productcart/pc/viewCategories.asp?idCategory=341

Replies:

Posted By: ProductCart
Date Posted: 12-November-2008 at 8:40am

Hi hhsign,

Thanks for pointing this out. We can replicate it on our test stores, so we will look into it and find a solution.

As you know, IE and FireFox handle padding and margins differently, unfortunately, which creates all sort of headaches.

We'll post back here when we find a fix.

-------------
The ProductCart Team

Home of ProductCart http://www.productcart.com" rel="nofollow - shopping cart software

Posted By: ProductCart
Date Posted: 12-November-2008 at 8:58am

Found the problem. Please add the following style definition to the CSS document "pc/pcSearchFields.css"

form#CSF {
    margin: 0;
    padding: 0;
}

This should do it.

-------------
The ProductCart Team

Home of ProductCart http://www.productcart.com" rel="nofollow - shopping cart software

Posted By: hhsign
Date Posted: 12-November-2008 at 9:43am

It works!

Thanks

Posted By: hhsign
Date Posted: 12-November-2008 at 10:04am

Just found another quirk in IE7 that does not show up in FF.

If you click on the + sign, then directly under the Narrow By: it jumps way down like there is a lot of padding added. It does not do this in FF.