Solved

Firefox / CSS issue

Posted on 2011-09-23
6
251 Views
Last Modified: 2012-05-12
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
Comment
Question by:saturation
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2
6 Comments
 
LVL 51

Expert Comment

by:Huseyin KAHRAMAN
ID: 36588577
i dont see any difference...

please send us a screenshot and show where the problem is...
0
 
LVL 51

Accepted Solution

by:
Huseyin KAHRAMAN earned 500 total points
ID: 36588601
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
 
LVL 51

Expert Comment

by:Huseyin KAHRAMAN
ID: 36588622
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
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Closing Comment

by:saturation
ID: 36588632
Genius!   That fixed it--and it looks better on both browsers now.   Thanks, HainKurt!
0
 
LVL 51

Expert Comment

by:Huseyin KAHRAMAN
ID: 36588742
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
 

Author Comment

by:saturation
ID: 36588883
Thank you...I'll give it a try!
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Google Page Speed Insight with srcset 4 149
Add shadow behind div 5 31
Hide un-named HTML Label with CSS 14 41
Change Firefox bookmarks menu font size 2 49
When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question