Bing Maps Issue On Safari 7

So i am having an issue in which the bing maps are not rendered completely on Safari 7. They are loaded fine on Chrome and IE. Example - copy and paste the link into Safari 7 on a

Solution 1:

Try text-align:left in the style of the mapViewer div, it is likely that the map is inheriting the property text-align: center and that also applies to images of the map

Solution 2:

Sytle.css is a file in your website. Start by looking into that file. Maybe comment out the reference and see if the issue still persists.

Bing maps works fine in Safari 7. The forum post you saw on the Bing Maps forums about Safari 7 ended up being an error in the users code and not with Bing Maps.

In your case you have not specified a css position, width or height property for the map. This is the #1 cause of issues between different browsers. IE and Chrome are fine with this, but other browsers like Safari require these to render correctly.

Solution 3:

I also encountered this issue. text-align: center causes it and text-align: left fixes it.

rbrundritt, as this problem has come up repeatedly and your answer is always that the issue is style position, width, or height, you should know that the issue is that the div's text-align style impacts the rendering of the maps on Safari and iOS in Bing 7 and that setting to text-align: left will fix it.