As part of a university project, I'm making a website to locally display my photography work to the professor. My intention is to have a full screen map background with points that display the photos and some text on rollover. I have run into a lot of problems with this. Mostly to do with the map not appearing full screen and the object buttons moving around to places they shouldn't. Help me! :O
Something like that is really a challenge in responsive design and impossible, if you use a browser fill to display the backgrround map:
In this case the map’s size and/or position will vary according to the browser’s window size. The „hotspots" of course won’t react synchronously.
It is very easy to do using a fixed width page. On responsive pages you really need a considerable insight in responsive design, and in Muse’s way to handle it.
Just read these threads to get an impression of the problems, you will be facing, when creating a responsive layout:
You may as well have a close look at this site (one „original“ page with shifting elements, one page with synchronously moving elements and a downloadable .muse demo file:
Thanks mate. Will look into it