O'Reilly logo

Pro CSS and HTML Design Patterns by Michael Bowers

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

CHAPTER 9Positioning: Advanced

This is the third of three chapters on positioning. It combines the positioning techniques of the previous two chapters into 12 design patterns that align and offset static and positioned elements to the left, center, right, top, middle, or bottom of its container while stretching, sizing, or shrinkwrapping them. This chapter focuses on static and absolute positioned elements.

This chapter combines design patterns from Chapter 8 to align and offset elements from their containers. It also introduces new patterns to align and offset elements from the top, middle, and bottom of their containers. If you are not already familiar with the design patterns in Chapters 5 through 8, you may want to review them. Because aligning ...

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