Yanick Belanger Posted December 30, 2009 Report Share Posted December 30, 2009 I pass 10 hours on this problem. I just can't fix it. Please help! You can see the site at: http://www.adnovationdesign.com There a diffirence in the positioning or the height of this div: #bellow_content { background:transparent url(../images/bellow_content.gif) no-repeat scroll 0 0; color:#616161; height:333px; padding-top:40px; width:960px; margin-top:25px; } and #footer_banner { color:#ffffff; background:transparent url(/images/footer.gif) no-repeat scroll 0 0; width:960px; height:142px; margin-top:0px; padding:10px; font-size:11px; } Thanks in advance Quote Link to comment Share on other sites More sharing options...
virtual Posted December 31, 2009 Report Share Posted December 31, 2009 Make margin-top: 5px; in footer_banner will cure your problem in Safari and Opera on Mac. On PC Chrome, Safari and IE8 are OK, you will need to add maybe another pixel for IE7, and in IE6 the whole thing falls apart anyway. Quote Link to comment Share on other sites More sharing options...
Yanick Belanger Posted December 31, 2009 Author Report Share Posted December 31, 2009 Sorry Virtual, but your answer did not help me, I've already try that. It pushes the footer down in firefox if I do that. Thanks anyway. Happy new year! Quote Link to comment Share on other sites More sharing options...
virtual Posted January 1, 2010 Report Share Posted January 1, 2010 (edited) I found the answer to your problem, you have a div tag called top_content in the html with no css. If you add a height of 306px to this tag your page shows correctly in all browsers, except IE6 where you have a double margin bug on your floated left, middle and right _tags, you can fix this with a conditional comment or an !important hack. I think your site looks very professional, however the coding is very strange. The lack of an h1 tag will negatively affect SEO. In the floated boxes you should not use for spacing these should be unordered lists. The CSS is very difficult to comprehend due to the excessive use of div tags. It can be simplified by styling regular html tags. Happy New Year to you too. Edited January 1, 2010 by virtual Quote Link to comment Share on other sites More sharing options...
Yanick Belanger Posted January 2, 2010 Author Report Share Posted January 2, 2010 Thank you so much Virtual you save my life. Quote Link to comment Share on other sites More sharing options...
virtual Posted January 2, 2010 Report Share Posted January 2, 2010 P.S. I noticed that you have that unstyled top_content tag on other pages, the height attributed to it might impact those pages, you will need to check. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.