saturation
asked on
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.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
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
.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
ASKER
Genius! That fixed it--and it looks better on both browsers now. Thanks, HainKurt!
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;
}
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;
}
ASKER
Thank you...I'll give it a try!
please send us a screenshot and show where the problem is...