Gaps in table cells, ONLY in Internet Explorer on PC, please help

howabsurd posted this at 23:45 — 24th February 2010.

Joined: Dec 2007

Hi guys

I have a Web site that I recently built with Dreamweaver for my new business. It looks fine in Firefox, Safari, and even Internet Explorer for Mac, but on IE for Windows there are strange gaps in the table cells at the top.

I did a search on google and found that others were having the same problem, and there was a simple fix:
http://www.v7n.com/forums/coding-forum/21685-table-gap.html

They said to make all the td, img, and /td codes on the same line. I did it and it seemed to fix the index page, but the other pages still have the problem. Maybe it's something else?

http://www.cookiecutter.co.nz/index.htm <- seems to be fixed
http://www.cookiecutter.co.nz/musicvideos/index.htm <- still broken, even though I fixed the codes

I'd really appreciate it if someone could help me out, this is driving me crazy haha

Thank you!

Mitch

webwiz posted this at 03:06 — 25th February 2010.

He has: 629 posts

Joined: May 2007

Add this to your CSS -

img {vertical-align:bottom;}

You may like to add a valid DOCTYPE to the first line. Otherwise all versions of Internet Explorer behave like IE 5.5. I don't think you want that...

Cordially, David
--
delete from internet where user_agent="MSIE" and version < 8;

howabsurd posted this at 08:35 — 25th February 2010.

They have: 10 posts

Joined: Dec 2007

Thank you for your help I will add this.

How can I add a Doctype? Sorry I am rather blonde when it comes to coding haha, I only know the very basics.

Thank you

howabsurd posted this at 09:36 — 25th February 2010.

They have: 10 posts

Joined: Dec 2007

Thank you so much! This fixed the issue