• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 258
  • Last Modified:

Firefox / CSS issue

I am having trouble with spacing between rows where 2 products are listed for each row.   I was able to fix the problem in IE by changing the .products .pad margin-bottom to 0px (previously 8px), but the issue is still not fixed in Firefox.   Any suggestions?   You will see the "Featured Products" section at the lower left of the page--viewed in IE, they are displayed properly, but you will see the odd spacing from Firefox: http://www.medicouponmanager.com.   I would appreciate any help on this.  I've spent hours trying to fix this.
0
saturation
Asked:
saturation
  • 4
  • 2
1 Solution
 
HainKurtSr. System AnalystCommented:
i dont see any difference...

please send us a screenshot and show where the problem is...
0
 
HainKurtSr. System AnalystCommented:
put a

.products_tabular .item {
...
    height: 60px;
}

to your item class and it will look nice
or make it a bit less or more to adjust...
0
 
HainKurtSr. System AnalystCommented:
or use

.products_tabular .item {
    float: left;
    padding: 0 5px 10px 0;
    width: 380px;
}

and they will be one column instead of two, but will look nice
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
saturationAuthor Commented:
Genius!   That fixed it--and it looks better on both browsers now.   Thanks, HainKurt!
0
 
HainKurtSr. System AnalystCommented:
you have the same issue on the right side

use 2 columns instead of 3, put a width & height

for example this style makes it better (a bit more space)

ul.KartrisMenu li {
  float:none;
  font-weight:normal;
  height:50px;
  margin-top:1px;
  position:relative;
  width:200px;
}
0
 
saturationAuthor Commented:
Thank you...I'll give it a try!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now