9.21 CASE STUDY: Dynamic Positioning and Collector Performance Web Page
Dynamic Positioning of Area Description Web Page
In Chapter 7’s case study section, the areaDescription.html code positions its figure near the left side of the window. This provides good access to the map when the browser window is narrow, but when the browser window is wide, that leads to quite a bit of dead space at the right of the figure. The position properties needed to perform mapping operations take control away from browsers and inhibit their ability to perform cosmetic repositioning in response to CSS properties. But JavaScript can step in and do such repositioning.
To do the repositioning, you need to edit the areaDescription.html file. Specifically, you ...
Get Web Programming with HTML5, CSS, and JavaScript now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
