squished in IE6?

Poster: Jason
Dated: Friday February 28 2003 - 17:27:29 GMT

Anyone experienced this behaviour:

The inset shows the problem against the backdrop of the normal appearance.

This happens only in IE6 an apparently only the first time you load the page, once everything has been cached it operates perfectly fine in all browsers that I've tested on (IE5&6, NS4.7, 6 Moz1, Opera7).

This is the only little glitch I've encountered with this nice chunk of menu code. I may start using this if I can get this figured out! Very nice job on it.

thanks in advance

Poster: John
Dated: Monday March 3 2003 - 15:47:11 GMT

A URL is always helpful. If we can't see your code, we can't help

Poster: Jason
Dated: Monday March 3 2003 - 15:59:38 GMT

I understand but as this is in development I'm not allowed to show it, I'm sure you'll understand.

I have however uploaded the menu_array.js for download here. Sorry I didn't think of that before.

The mmenu.js file is untouched and the script tags calling them is directly inside (below) the opening body tag.

Thanks very much.

Poster: kevin3442
Dated: Monday March 3 2003 - 23:12:43 GMT

Hi Jason,

If I may jump in...

Your menu is being rendered before the images in the menu are available in the browser's cache. Since the images aren't available, the browser has no way to "know" the width of each image... a formula for horizontal squishing (also why it only happens the first time; the images are in the cache after that). You can avoid this problem by explicitly setting the width of each image, using the width= attribute in each <img> tag.

Hope that helps,

Kevin

weeee doggies =)

Poster: Jason
Dated: Saturday March 8 2003 - 0:10:50 GMT

well, yeah, that makes sense =)

thanks a ton, that appears to have worked, though I've seen something similar *1* time since, I'm hoping it was simply an eveil apparition. Again, thanks!