Was hoping someone could help me with a problem I’m having with margins on this site .
In safari, the margins between each of the “featured” listings is 30px when it should be 8 (4 on the top of each listing, and 4 on the bottom).
This jacks up the layout of the site, pushing the featured listings too low, as you can see.
IN IE 7, 8 and Firefox, I have no problems, and the site displays fine.
Would appreciate any help on this issue, as I’ve been trying to solve the problem but have not found a solution. Thank you.
Hi, the problem are the <br> .clearfloat’s. I see no reason why they are even there, considering there are no floats :). Removing them should fix the problem :).
PaulOB
January 8, 2010, 9:17pm
3
Hi,
Change all your clearfloats from breaks to divs like this.
<div class="clearfloat"></div>
Breaks are funny things and some browsers always give you a full line height gap.
99% of those are redundant anyway as you can simply set the following element to clear both anyway and save html.
Thanks for the help guys, that was exactly the problem.
