Table is moving when clicking menuitems. What to do?

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
Leeson
Advanced
Advanced
Posts: 19
Joined: Tue Aug 10, 2004 12:23 pm

Table is moving when clicking menuitems. What to do?

Post by Leeson »

I tried to search the forum and the FAQ, but did not find anything that matches my problem.

Anyway, when some sub-menu items are clicked, the main menu, sitting in a table cell, jumps up a couple of pixels, giving a small gap between the main menu and the submenu. The header sitting in the table cell above the main menu also jumps up. It is hard to explain. I never had (or maybe I didn't noticed) this problem before. I see this problem on IE 6 on XPSP2, havent been able to check on Mac or other browsers yet.

URL: http://www.mitomed.se Some of the menuitems where I noticed this happening are "Home>About mitochondria" and "Mitochondrial Genetics>Research". You may have to click around a bit to be able to see this funny behavior.

It is not superimportant that this is solved, but it is kind of annoying to watch the header and menu jump up and down as I navigate the site.
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

I'm not sure if this will solve the problem, but have you considered doing your layout so that the top section the header with the menu is a separate table? I've tried looking at it, and it has something to do with the difference in the tables on the MMC_Home.html page and the MMC_Mitochondria.html page. Since they are opening in that iframe and that is in the same table as the header area, I thought if you separated your main page tables, it might not shift the header section. I tried playing with it, but the codes [which I don't know anything about] won't let me load a different page from the link giving me an permission denied or something like that.

Ruth
Leeson
Advanced
Advanced
Posts: 19
Joined: Tue Aug 10, 2004 12:23 pm

Post by Leeson »

Thanks alot Ruth, that did the trick!
Although I do not really understand why there should be a difference in the tables. All HTML pages are loaded as is into the same iFrame (that is not sitting in the table at all), then into the same div in the same table cell..

I was not able to see any common denominator between the pages that made the menu jump, and which didn't (page size, whether they had a table themselves etc). Ah well, problem solved, so I guess it will just have to stay a mystery ;)
Post Reply