Greetings good Sirs
Unfortunately that won't do this time (explanation below)
A jsfiddle would take too much time. If we desperately need an example I
could maybe grant guest access to the dev server.
Let me try to explain conceptually:
We have:
<body>
<div id="viewport">
<div id="map">
</div>
</div>
</body>
- The body has (naturally, through window) a variable width and height
- The div inside is adjusted in % to the body size
- The most inner div represents a draggable, zoomable map (browser zoom)
So the map has a variable position (top, left), a variable zoom and a
variable viewport
The viewport has variable size and variable position
The body has variable size
Attention: zoom != size
Calculating that consumes enough time to make asking here about an existing
solution worth it...
Thanks for your input!