extra vertical space in IE

daoofdork posted this at 01:09 — 4th January 2009.

Joined: Jan 2009

Hello all,

I'm having problems with extra vertical space appearing (only in IE) between a horizontal menu and the table immediately following it. Here's a link: www.go-trend.com.

I use a mac so I tend to test my projects in only Safari and Firefox initially and then correct the code for IE last. I haven't tested this site in IE yet, but using this IE netrenderer I found.

I'm sure this is probably something simple, but for the life of me, I haven't been able to figure out what is causing this extra vertical space. Any help is greatly appreciated.

Thanks

webwiz posted this at 02:08 — 4th January 2009.

He has: 629 posts

Joined: May 2007

Try adding this to your CSS rule for img -
vertical-align: bottom;

Fixes it this end, at least. (IE 6 and IE 7 tested.)

daoofdork posted this at 03:24 — 4th January 2009.

He has: 3 posts

Joined: Jan 2009

You're right, the vertical-align does work. Interesting.

I've played with it a little more -- apparently, the lack of a break tag after the last image in the menu line was causing the problem. I put in a break tag and everything is fine. Strange...

Thanks for the help! I appreciate it.

decibel.places posted this at 02:35 — 4th January 2009.

He has: 1,494 posts

Joined: Jun 2008

Hi daoofdork,

Welcome to TWF!

[EDIT] - first try webwiz's suggestion

I have been unable to save your source for successful editing and testing-

my gut tells me it is a problem with #fabric_table

I would try adding border-collapse: collapse; position: absolute; (either? both?)

#fabric_table {width: 994px; border-collapse: collapse; position: absolute}

daoofdork posted this at 03:29 — 4th January 2009.

He has: 3 posts

Joined: Jan 2009

Thanks for the welcome (and the help) decibel.places. I just stumbled across TWF and I must say - it looks like a great resource.