?

Log in

No account? Create an account

Previous Entry | Next Entry

CSS3 - Multicolumn Layout

weather: drizzling
outside: 9°C
mood: waaaah...
Multicolumn Layout — CSS3


You go:

.my3cols {
   width: 100%;
   column-count: 3;
   column-gap: 10px;
   column-rule: none;
}

Then <div class="my3cols"> [Lorem Ipsum] </div>

All the Lorem Ipsum will be auto-flowed into columnar output, like this:

----- ----- -----
----- ----- -----
----- ----- -----
----- ----- -----
----- ----- -----
----- ----- -----
----- ----- -----

However, the CSS WG Status Table says:

Multi-column layout in CSS proposes new properties to create flexible column
layouts. It may eventually be integrated into some module, or it may not.

Translation:

It's still in the second working draft. Given the reality of how long it's taken to get
even CSS1 part of the browsers, support for multi-column layout is a long way out.

          — Craig Saila

* C R Y * C R Y * C R Y *

Tags:


Comments

bride
Jan. 12th, 2004 05:59 pm (UTC)
Apparently, Nutscrape 3+ supports a browser specific hack: <multicol width="100%" cols="3" gutter="10">

*sigh*
pne
Jan. 13th, 2004 03:28 am (UTC)
multicol
*nods* I was going to mention that.

Is that still in Netscape 6/7 (the Mozilla-based ones)? I can imagine they took it out when they started to get more standards-compliant themselves.
bride
Jan. 13th, 2004 08:10 am (UTC)
Re: multicol
It's not in Mozilla 1.5 (I tried it last night). I'm not sure about Firebird, but I somehow doubt it. There are more important things to do with Firebird =)

Profile

eLouai
bride
The Bride of the First House

Latest Month

March 2015
S M T W T F S
1234567
891011121314
15161718192021
22232425262728
293031