Select to view content in your preferred language

Story map displays fine in FireFox but not in Chrome or IE

6772
13
Jump to solution
06-24-2014 07:59 AM
LaurenYee
Regular Contributor
Hey there,

I'm hoping someone can shed some light on this. I'm a GIS nerd and science geek but amateur at best with HTML/CSS.

I've designed our organization's story map and we want to host it externally. I've edited a few properties and used firebug plugin on mozilla to help me out with this (WHAT A GOD SEND!).

It looks great in mozilla but when I test with chrome or other browsers everything is displaced. It seems like when I view in chrome I am instead getting the mobile site version.

Can anyone help me out with this?
Here is the website:
http://mapamherstburg.ca/walkingtour/index.html

(Note: not sure if the pictures will show up externally quite yet)
0 Kudos
13 Replies
RupertEssinger
Esri Alum
Hi KPS4
I checked the web map you use in your story map to see if the data is shared correctly and that works OK for me
http://www.arcgis.com/home/webmap/viewer.html?webmap=2f6a34e2eb234203836d8079805bdb63
so I'm not sure yet why you are getting that message. Sorry about the problem.
0 Kudos
LaurenYee
Regular Contributor
I ended up solving this by starting over fresh in a separate directory, and using firebug to identify changes to the css I already made in the other directory. With each change, loaded and refreshed a page in IE, chrome and firefox. There are a few CSS and HTML elements that are not allowed in IE or Chrome which caused some discrepancies. Once I realized what the specific elements of CSS and HTML I was able to troubleshoot.

I also didn't touch the min.css files and instead all my css changes in the designated spot on the index.html.
0 Kudos
RupertEssinger
Esri Alum
Congrats. Your customized map tour is working and looking great now:

http://mapamherstburg.ca/walkingtour/index.html

So pleased it all worked out and hope you get some good feedback from users.
0 Kudos
AlexanderBaker
Occasional Contributor

http://wpbgis.maps.arcgis.com/apps/MapTour/index.html?appid=cc3d8218836a4f9cbb51652f2094547a&webmap=...

This works perfect on IE11 & Firefox, does not work on Google Chrome though...

Can anyone at ESRI tell me why this is? I built the application straight from ArcOnline... Everything is hosted so I was unable to change anything directly to the config file or html index, I'm confused why it does not work on Chrome.

Please let me know, if you have a solution to this.

Thanks!

0 Kudos