Safari CSS issue help please WordPress
- SOLVED
Hi Guys
ON the home page of this site
http://www.thenutritioncoachnetwork.com/
Where the paragrapch says "Save money and time" looks fine in Chrome (Mac) but in Safari it looks like this:
http://screencast.com/t/2s3XJ5dJPS
Can someone see what I am doing wrong please?
Many thanks
Steve
Answers (3)
Remy answers:
Looks like the margin-bottom on the .nh_clear is responsible. You might want to remove it and set the margin-top of the .nh_text-1 to 80px
Steve Watson comments:
Awesome Remy, thanks that sorted it.
isp_charlie answers:
here man: just change nargin-bottom to padding
.nh_clear {
clear:both;
padding-bottom:80px !important;
}
idt answers:
I think that is because of the floating nh_video and nh_optin elements. Enclose those two within a div with class clearfix. So structure becomes something like this:
<div class="clearfix">
<div class="nh_video">
<!-- Contents here -->
</div>
<div class="nh_optin">
<!-- Contents here -->
</div>
</div>