div height difference between explorer and firefox

[Yanick Belanger]

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

[virtual]

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.

[Yanick Belanger]

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!

[virtual]

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

[Yanick Belanger]

Thank you so much Virtual you save my life.

[virtual]

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.