Show/Hide layer problem

Why are some images shifting?

[madmatt69]

Hi everyone,

I've got a slight problem here - I'm using dreamweaver to creat a navigation system for a site I'm developing. What I have are my main categories on the left side of the page, (they are images, with a mouseover effect which highlights the button) and then when you mouseover the button it is supposed to show a layer which has the sub navigation with the different points for the categories (sub-navigation is a div which has it's own buttons with highlighting-rollover effect).

Now the divs are set to the correct width of 89 pixels. The table with the images is set to 89 pixels. And the images (and their onMouseover state) are set to 89 pixels.

The problem is that when the layers appear, some of the images are shifted out of place, on the left side, by only about one or two pixels.

My question is, why does it do this? It appears in all the browsers like that. The only thing I can think of is that there is javascript within a div, and the div is called from the javascript in the main menu, and something is conflicting....however I receive no errors, all the links work fine, the show/hide works fine, but the images shift..one or two out of the menu.

Very strange.

Anyone else encounter a problem like this? Any solutions?

Thanks,

Matt..

[T Suresh Babu]

Can you specify the url of the site or put it in a dummy site so that we can view it and suggest a solution.

[madmatt69]

Sure, try this test url -
[itms.de...]

[T Suresh Babu]

I checked your site in IE5, NS4.7, Opera6.01

Everything works fine.
No mis alignments while mouse over.

In which version, browser you encountered this problem.

[madmatt69]

Thanks for looking at it - I'm using IE 5.5 running NT4. I've checked it in NS4.7 and NS6 and saw the same error. Could it be an NT quirk?

It's a very subtle shift - when you mouseover the link, and the div appears, on the left side of the div one or two images seem to be ovrelapping the main navigation by like one pixel or two...

[T Suresh Babu]

sorry I could not figure out that 1 pixel drfit.

[madmatt69]

Thanks for your help, anyone else have an idea? Pleaseeeeeeeee? :)

[markd]

Looks Ok to me also - at the risk of 'stating the obvious', have you emptied your browsers cache in case it's the browser lying to you?

[DaveN]

out 1 pixel for me window2000 both IE6 and
mozilla 0.9.8

Daven

[madmatt69]

Please, don't be afraid to state any ideas!! Yes, it's like that when I preview from dreamweaver as well...Maybe I'll have a look on a couple other computers at the office here, but they're all running the same setup - ie5.5 on nt4.

I'm sure it's not the cache.

Again, ANY suggestions are welcome!!

Thanks guys

[DaveN]

madmatt69,

it's not the cache you are right i will have a play.

DaveN

[knighty]

madmatt69

Your problem is this...

You have a layer 89 pixels wide yet inside that layer you have a table which is 132 pixels wide.

A container has to be larger then what it contains ;)

[madmatt69]

Knighty,

That doesn't seem to be the problem. There was one table where yeah, the width was set wrong, but all the other tables & divs are set correctly. I've fixed that one you mentioned, but the problem persists!

Anyone else wanna take a stab at it?

[knighty]

hmmm dunno then,

have you tried setting the menus to appear at 115 pixels instead of 114? not much else springs to mind.

[madmatt69]

Who knows man...I've tried that as well. I think maybe I'll just screw around with the images, and maybe re-think the navigation...it's not worth all the time I'm spending on it :) If I do find a solution though, I'll be sure to let everyone know!

[knighty]

I noticed that the height of the layers is smaller than the sum of hieghts of the images. Prolly won't change anything but...

Have you tried making just the layers appear? i.e no images or tables in the layer

[madmatt69]

Yep! I've actually tried that. I'm not gonna worry, I've made a workaround by adjusting the image colour so that it doesn't contrast with the menu...it's a cheap fix, but hey, whatever works!

Thanks for the help...still a strange problem though