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: 581 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,550 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.