Image Maps .

what's the deal?

[Valaroopie]

OK, so I wanted to create an artsy header for this artsy site <link removed>, and decided to go with something I I haven't worked with in a while ... an image map. But this one is different... I created it in ImageReady, using layer-based rollovers. So technically, I guess its NOT an image map?

I'm incredibly pleased with the outcome, and everyone seems to love it ... but there's this nagging issue that I FOR THE LIFE OF ME cannot figure out. Is it something I've done wrong, a parsing issue, Adobe's fault...?

It randomly "breaks up". For example, you'll be browsing through the site - everything's cool - then all of a sudden a page loads and the header is all over the place. What I mean to say is that all the individual slices spread themselves out horizontally within the header table (well beyond the 780px wrapper).

Refresh and it corrects itself.

Again, this is an intermittent problem, which leads me to believe that I have personally done everything right ... except, perhaps, choosing to go with an image map?

Any insight as to why this is happening would be very appreciated.

<edit reason: no personal links
See Forum Charter [webmasterworld.com]>

[edited by: tedster at 7:09 am (utc) on Sep. 1, 2006]

[opifex]

if your slices are in layers .... make sure that they are absolute positioned .... if the screen width changes from what you think it might be and the position is in % and or the size of the layer is in % .... everything moves! these days "purists" bitch ... but put your slices in a table ... that way they are "fixed" no matter what the screen size ....

[rocknbil]

Also if it depends on the style sheet for formatting, sometimes the style sheet doesn't load. If it's all in the page, then you probably have a code error, does the page validate?

Also ImageReady could be generating a Javascript error for you, do you have "show an alert about every error" on in IE or have you checked the JavaScript console in FF?