I have a map image which is too large to display in full, but adding overflow:scroll to the containing div to allow people to access the rest seems like a reasonable solution. However, that displays the top left corner of the map, and the important information is in the lower right area.
Is there any way to position the image so that the correct area is visible initially? Or is there a better solution I’m failing to see?
It seems like a tricky one, unless you go for some kind of JS panning image viewer thing.
The only thing I can think of using pure html/css is to have the map in an iframe. Then the html doc that holds the map has an invisible div with an ID placed absolutely at a certain position over the map image.