close ad
WARNING PC USERS: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Out of alignment and only displaying partially

Thread began 12/07/2009 10:09 pm by Martin | Last modified 12/18/2009 4:27 pm by Eric Mittman | 2164 views | 7 replies |

Martin

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

Sign in to reply to this post

Eric Mittman

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.

Sign in to reply to this post

Martin

Second Test

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

Sign in to reply to this post

Eric Mittman

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.

Sign in to reply to this post

rayne202093

same issue

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

Sign in to reply to this post

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.

Sign in to reply to this post

rayne202093

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

Sign in to reply to this post

Eric Mittman

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.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...