July 2013
Intermediate to advanced
384 pages
10h 2m
English
Content preview from CSS3 Pushing the Limits
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Chapter 9
Creating a Multicolumn Layout
As has been evident throughout the previous chapters in this book, CSS has made major advancements in almost every area, comprehensively tackling each and every issue, both big and small. There is one area, however, that CSS has been rather slow to master. Most of you are painfully aware that the area I am alluding to is, of course, layout.
This chapter begins by addressing why previous and current layout solutions do not fit the bill, before introducing each of the new layout modules proposed in CSS3. One of these new modules is Multi-column Layout, which I discuss in depth in this chapter, with the others to be addressed in the following chapters.
The Multi-column Layout module provides a method of defining columns in the stylesheet, allowing your content to flow into these columns dynamically, without the need to touch your markup. I describe how to create a multicolumn layout using the various new properties on offer, which provide control over the size and number of columns as well as spanning elements and decorative rules to separate the columns.
The Evolution of Layout Tools
CSS has famously always lacked a true layout mechanism, with web designers slowly innovating and finding new ways to utilize the tools available for creating complex and maintainable layouts.
The first website that I ever created (calling it a website is generous indeed) used frames to form the layout: a sidebar frame, a header frame, and a frame for the content. ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.