Chapter 12. Creating Fixed or Liquid Layouts


• 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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.