Chapter 12. Creating Fixed or Liquid Layouts

WHAT YOU’LL LEARN IN THIS CHAPTER:

• How fixed layouts work

• How liquid layouts work

• How to create a fixed/liquid hybrid layout

So far you’ve learned a lot about styling web content, from font sizes and colors to images, block elements, lists, and more. But what has yet to be discussed is a high-level overview of page layout. In general, there are two types of layouts—fixed and liquid—but also a layout that is a combination of the two, wherein some elements are fixed while others are liquid.

In this chapter, you’ll first learn about the characteristics of these two types of layouts and see a few examples of websites that use them. At the end of the chapter, you will see a basic template that ...

Get Sams Teach Yourself HTML, CSS and JavaScript All in One 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.