CSS session intro &
CSS advanced layout


CSS Bert Bos & César F. Acebal

Cascading Style Sheets

WWW2006, Edinburgh, UK
the 26th of May, 2006

Bert Bos (W3C) <bert@w3.org>
César F. Acebal (Univ. of Oviedo) <acebal@uniovi.es>

CSS level 2 status

CSS level 2 revision 1

A large part (in fact, the major part) of the work of the CSS working group over the past few years has been updating level 2 of CSS. The group started by selecting the parts of CSS that were reasonably well supported and that the group believed could be made interoperable in a relatively short-time. The rest was moved to CSS level 3.

The remaining features in level 2 contained many ambiguities, especially in edge cases (but edge cases have a tendency to become important once designers start taking the “normal” cases for granted…). Some edge cases weren't defined at all. With the help of many reviewers, especially on the www-style@w3.org mailing list, most of the ambiguities and undefined cases are now properly defined, although there are still a few that are explicitly postponed to level 3, to allow futher study and practical experience.

The issues that are still coming in tend to be more and more often of the form “Wouldn't it be better if that sentence were written as…?” In other words, we seem to have reached the end of the technical issues. The editing work is also mostly done. But it will still take some months before the test suite is big enough to start testing if there are indeed sufficient interoperable implementations.

CSS level 3 status

Medium: Color, Media Queries, UI, Paged Media, Print Profile, Namespaces, Syntax, Values & Units, Cascading, Text, Backgrounds & Borders, Reader, Columns, Layout.

Low priority: Scoping, Positioning, Speech, Fonts, Generated, Lists, Box, Line, CSS-OM, Hyperlinks, Style attribute, Math, Generated for Paged.


Selectors is probably ready for Recommendation, but the working group needs to update the test reports before we know for sure. That is not a lot of work and hopefully the group will find the time for it this summer.

Paged Media & Print Profile

Mobile Profile 1.0

W3C's CSS Mobile Profile 1.0 and the OMA's (Open Mobile Alliance) WCSS profile are almost the same but not exactly. The goal is to replace both with a single, common profile.

Advanced Layout demo

[Screendump of demo]

The Advanced Layout module is still in the early phases of development. It has medium priority for the CSS working group. Many people have expressed support for it and there is a prototype (used for this demo), but it needs one or two years more before we can say with some confidence what will happen with it exactly: what will be the syntax? will there be an alternative syntax? will there be other layout models than the grid, such as a row layout, or a card stack layout? what products will implement it?

Demo document structure

<div id=menu>
<div id=main>
<div id=banner>
  <h2>Walking in the sand</h2>
<div id=copyright>
  <p>Copyright &copy; 2006 etc.

Demo style structure

body {
  height: 100%;
  display: "AA" (80px)
           "CC" (40px)
           200px *
#menu {position: B}
#banner {position: A}
#copyright {position: C}

… plus the style for each DIVs contents

This style creates a 2-column by 3-row grid. The first and last row have predefined heights, the middle row takes up the rest. Similarly, the first column has a fixed width (200px).

Advantages of Advanced Layout

Talk 2 – WaSP

The WaSP and CSS

Molly Holzschlag and Andy Clarke

Molly is a consultant on Web development, author of many books on HTML and CSS and instructor of courses on several aspect of Web development. She is an Invited Expert in the W3C's working groups on HTML and Internationalization Outreach and she is the Group Lead of the Web Standards Project (WaSP). She is one of those people whose first name is enough in Google.

Andy is a well-known Web designer, founder of the UK-based Stuff and Nonsense design agency and a member of the Web Standards Project.

Talk 3 – syndicated content

Writing CSS For Syndicated Content

Kevin Lawver (AOL)

Kevin Lawver describes his job at AOL as “Web Standards Guy.” He develops Web applications and as such is well placed to argue the benefits of standards – which he often does. He is a member of W3C's CSS working group.

The end