Google Maps API v3 not working in Firefox - google-maps-api-3

my Google Maps API v3 installation isn't working on Firefox (V7.0.2), however, it is working perfectly in IE. I guess there is something in the code that Firefox doesn't like.
Can you help me find out?
Thanx.
http://www3.mappeze.de/Lage_und_Anfahrt/

It's working, but you didn't see it.
set the display of #map_canvas to "block" instead of "inline".
The settings of width and height doesn't have any effect when the display is set to inline, so you dont see the map.

Related

google chrome printing issue (different size)

this is the picture that my page looks like
this is the picture when i want to print my page
The height is different, when the css class is the same. I really don't know about this problem. Is there anyone experience this problem. FYI, I am using google chrome. When I use firefox, this issue doesn't appear, but the other thing is a mess and I want to do this on google chrome. Please help me.

Drop Down Menu Disappears Behind Body of Webpage

This has been mentioned before though after two days of trying everything I desperately need help. I've tried changing the z-index but it still shows behind the content though it does appear to be fine on Google Chrome but not Safari? I'm trying real hard to learn CSS so if someone could please explain my answer so that a retarded monkey could understand, that'd be great !
www.whiteboda.com
You have JavaScript Errors
Click F12 --> Console FIX the JavaScript
for this one
http://www.whiteboda.com/wedding-packages/
Try to play around z-index of with these CSS class="jqueryslidemenu" or class="sf-menu"
or by ID id="sf-menu" id="menu-menu-1"
To find that Info I use right click inspect element (Dev tools F12)
Then you can add CSS and test before update the real one
look into some tutorial of Google DEV tools
https://www.youtube.com/results?search_query=google+Dev+tools

Safari showing my div in wrong position

It's about this page http://chios-grill.de/anfahrt.html
In Safari and sometimes in Google Chrome the right text box just falls below the whole pages like this: http://imgur.com/Ekeg8el
It works nicely while offline but not while the page is online. Could it have to do something with the Google Maps embed?
If you need the code, tell me. Otherwise you can just use Google Chromes Developer Tool to look into it I guess.
I think this is width problem, because I have updated the width for the div id='textbox' and it's gone down, try to give a little width just to make sure that is compatible for all the browsers.
This will fix this problem. Try it!

Scaling an iframe with webkitTransform in Safari creates white border

I have a simple html page in an iframe that I am trying to scale with an html5 input range slider. it creates a white border inside the iframe, what looks to be a doubling side effect.
It works perfect in chrome(6.0.472.59 mac), but not in safari (5.0.1 mac).
here is a link to live demo - http://dl.dropbox.com/u/1031653/safari-bug.html
Any sort of suggestion on why this may be happening? hardcore hacks are fine if need be.
This appears to be a Safari bug. I would recommend reporting it at https://bugs.webkit.org/
I'm seeing this bug in Chrome as well (version 11.x.x)
One solution is to go into the IFRAME's document (assuming you have access) and set the size there. Something like this:
$('iframe').contents().find('body').css('-webkit-transform', 'scale(0.5)');

interactive map not working in IE7

I am trying to build an interactive map using an imagemap and jquery. I have it completed and it works great in FireFox but IE7 is causing some issues.
You can take a look at it here:
http://www.thecolumbianchicago.com/map/
In IE7 the title of the rollover is not getting the width set properly. Also once you rollover the tall building icon in the center, the background of the title disappears. I'm guessing its a CSS issue but I can't figure it out.
Anyone got any ideas?
Thanks
I figured it out, it was the javascript. I guess IE doesn't like .attr('width') and was returning a zero. I changed the code to have the width put into the image as rel="width" and used .attr('rel') and its all good now.
Don't mess with html image maps. You can use vector based interactive maps with jVectorMap.

Resources