CHAPTER 11

image

Positioning Elements Precisely

In this chapter, I’m going to discuss CSS positioning (sometimes referred to as CSS-P), which not only removes an element from the flow of the document, but also allows you to position it with pinpoint accuracy. However, CSS positioning is rarely appropriate for laying out complete pages. Web design is different from print layout, where the dimensions of the page are immutable. Web pages need to be flexible.

The role of CSS positioning lies in creating effects, such as text disappearing behind a static image as you scroll the page and elements that overlap each other. It’s also useful for creating tooltips ...

Get Beginning CSS3 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.