Closing unwanted spaces within a table...?

Saeadame

Hi, I'm currently making a website for a family member's business.

In Firefox, the layout looks fine.

However, when I test in IE, there is a large gap underneath one of the images. I can't figure it out! Usually when there's weird gaps I can give the cell making the problem ridged definitions (ie. height="#" width="#") and make the cells below it height="100%", and the problem is fixed. For some reason, though, this isn't working.

Layout test is up at http://www.eviternal.net/ptf - the space is pretty obvious (above the navigation).

Also, the image colours look terrible in IE (but again, fine in Firefox), but at this point I think I'm just leaving it =\.

Thanks in advance.

drhowarddrfine

You will never get IE to attempt to perform like more modern browsers, such as FF, without a proper doctype. Add this to your first line:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Saeadame

IE version looks BETTER, but there is still a space, and now there are spaces in the Firefox version XD;

drhowarddrfine

The doctype is the set of rules browsers follow. By adding the doctype, the rules have changed but, previously, you were following HTML1.0. Now that you're up to 2009 you can fix the markup.

19 HTML errors.
13 CSS errors.

Closing unwanted spaces within a table...?

re: Closing unwanted spaces within a table...?

re: Closing unwanted spaces within a table...?

re: Closing unwanted spaces within a table...?

Similar HTML / CSS bytes

/bytes/development

/bytes/it

/bytes/about