O'Reilly logo

HTML, CSS and JavaScript All in One, Sams Teach Yourself: Covering HTML5, CSS3, and jQuery, Second Edition by Julie C. Meloni

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

How to think about and begin to implement a responsive design

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 we haven’t yet discussed is a high-level overview of page layout. In general, there are two types of layouts: fixed and liquid. But it’s also possible to use a combination of the two, with some elements fixed and others 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 ...

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