PDA

View Full Version : Huge IE gap - Fine in Firefox ?!!?!!1



Limitlis
March 6th, 2008, 04:52 PM
Well here goes, I inherited this site along with all its nuances.

If you look at the homepage on IE theres a huge gap between the content and the "header" image.

http://www.planetGreenRecycle.com (http://www.planetgreenrecycle.com/)


Though it displays fine in FF. ITs all completely Table based as far as layout goes.

I just went through and fixed over 200 errors in the HTML so that it validates thinking that might get rid of the problem.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.planetgreenrecycle.com% 2F
http://jigsaw.w3.org/css-validator/validator?uri=http://www.planetgreenrecycle.com/

EDIT: This is what I've tried so far... Continueing to work on it till I get rid of the gap.

valign="top" style="padding-left:20px; padding-top:0px; margin:0px; vertical-align:top; top:0px; "

So I'm wondering if anyone knows of a tweak, hack, fix, prayer, or magical voodoo that I can use to get rid of it?

THanks in advance I really appreciate the help.

actionAction
March 6th, 2008, 07:48 PM
Sorry, the source code for this site is still pretty bad, tough job ahead. Anyway, the issue is the table cell above it which has its height set incorrectly (or I am crazy). The image is 63px high, and the cell is set to 78px high. Here is the line of code you are looking for:
<TD vAlign="top" align="left" width="480" height="78"><IMG height="63" alt="recycle printer cartridges & cell phones. your fundraising solution" src="http://www.planetgreenrecycle.com/images/index_head1.jpg" width="480" /></TD>Change your TD height to 63px ( as well as the 2 other TD cells that have the 78px height to match the image's height contained within it (30px).

Limitlis
March 7th, 2008, 12:14 AM
Sorry, the source code for this site is still pretty bad, tough job ahead. Anyway, the issue is the table cell above it which has its height set incorrectly (or I am crazy). The image is 63px high, and the cell is set to 78px high. Here is the line of code you are looking for:
<TD vAlign="top" align="left" width="480" height="78"><IMG height="63" alt="recycle printer cartridges & cell phones. your fundraising solution" src="http://www.planetgreenrecycle.com/images/index_head1.jpg" width="480" /></TD>Change your TD height to 63px ( as well as the 2 other TD cells that have the 78px height to match the image's height contained within it (30px).

Sweet, thanks! I'll give that a try tomorrow.