O'Reilly logo

Web Programming with HTML5, CSS, and JavaScript by Dean

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required