W3C home > Mailing lists > Public > www-style@w3.org > March 2010

Re: CSS3 Values and Units: Some proposals

From: Markus Ernst <derernst@gmx.ch>
Date: Tue, 23 Mar 2010 19:31:06 +0100
Cc: news@terrainformatica.com, www-style@w3.org
Message-ID: <20100323183106.223410@gmx.net>
To: "Tab Atkins Jr." <jackalmage@gmail.com>
-------- Original-Nachricht --------
> Datum: Fri, 19 Mar 2010 07:08:58 -0700
> Von: "Tab Atkins Jr." <jackalmage@gmail.com>
> 
> So, this is why concrete use-cases are useful, because then we can
> evaluate precisely how existing solutions succeed or fail and judge
> new solutions by how well and easily they solve the use-cases.  Do you
> have some to share with us?  Anything you've used in your own design
> where you needed things to be equal-height, or equal-width, or
> whatnot, and couldn't get CSS to do what you needed?

Here's an example for a simple 2-column layout I could not find how to do without a layout table:
http://www.colorplast.ch/en/colorplast-ag/terms-and-conditions.html

Sorry the code is not indented; my CMS removes whitespace. The main issue in this design is the background appearing between the columns and belwo the title.

The more interesting case than equal-height is full-height-and-full-width. Here's a page I did some years ago. Today I would do some things different, specially use a strict doctype, but the page illustrates the crucial points quite well:
http://www.cuervoysobrinos.com/en/cuervo-y-sobrinos/history.html

The difficulty lies in the complex background: 
- head section background is supposed to extend to the full width of the viewport
- navigation section background is supposed to extend to the full height of the viewport

My favorite document structure would look something like:
<body>
  <div>[logo img]</div>  
  <div>[main contents]</div>
  <div>[main navigation]</div>
  <div>[search box an language navigation]</div>
</body>

I made a lot of tests, but was not able to achieve the expected results, mainly because the background of a non-table element set to width:100% will be cut cut away at 100% if scrolling is needed. So finally I gave up and made a layout table.

I hope that this kind of layout will be easy to achieve once the Template layout module will be implemented. 

Anyway, I admit I am not very confident about the speed of CSS development, seeing drafts from 2002 being still in the WD state. Is there some info available on the schedule, when CSS3 is expected to be in recommendation state?
-- 
GMX.at - Österreichs FreeMail-Dienst mit über 2 Mio Mitgliedern
E-Mail, SMS & mehr! Kostenlos: http://portal.gmx.net/de/go/atfreemail
Received on Tuesday, 23 March 2010 18:31:45 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:25 GMT