Out of alignment and only displaying partially

Greetings!

I have an issue with this Google Map.

For some reason in Firefox 3.5.5 I have a bigger issue than I do in IE 8.

contact.php#1_5

In Firefox you can see that only part of the image is visible and even if you drag it, it still remains hidden.

In IE 8, it is just of centre and can be dragged into the right spot.

Any idea how to fix Firefox display and to ensure centering in both browsers?

Thanks,

Martin

It looks like you may have this map inside of a spry tab or some other ajax enabled area. Do you know if the map displays ok when it is not in one of these tabs? If the map displays ok when it is not within a tab then it may be the tabs that are causing the problem. Please perform a test of this so we can determine what to look into further and let us know the results.

Hi Eric,

Thank you for your reply.

I have taken the code on the contact page and copied it over to a new page for testing purposes.

map.test.php

And lo and behold it works! Ack, what can I do to get this working on the actual page?

What is it about having it in a DIV tab that could be causing it to go off-center?

Thanks for any help!

Martin

I have submitted a ticket for you on this issue so that we can try to sort things out. To check the status of your ticket or update it please login to WebAssist.com and visit your support history.

I have this same issue. Did you find a solution?
Thanks.

There is no solution for this issue, having the map display inside of a spry tab causes it to not display properly. I have not seen a way of having this work in the spry area.

Originally Said By: Eric Mittman

  There is no solution for this issue, having the map display inside of a spry tab causes it to not display properly. I have not seen a way of having this work in the spry area.  

I think this fixes it:
Find the line which looks like:
var map = new GMap2(document.getElementById(map));

In my case it's:
var map = new GMap2(document.getElementById('wagmp_map_2'));

Replace that line with:
var mapElem = document.getElementById('wagmp_map_2');
var mapWidth = mapElem.style.width;
var mapHeight = mapElem.style.height;
var map = new GMap2(mapElem,{size:new GSize(mapWidth,mapHeight)});

If the map is a fixed size, change the original line to:
var map = new GMap2(document.getElementById('wagmp_map_2'),
{size:new GSize(WWW,HHH)});

Replace WWW and HHH with the size of the map


Do you see any problems with this solution?
--rayne

I think the only problem was that it did not display properly in the spry area, so if this fix of yours allows it to display in this area then it would seem perfectly valid to me. Thank you for posting back with what you have, I know others will find it very useful.