W3C home > Mailing lists > Public > www-style@w3.org > December 2002

Errors and Comments in CSS3 - multicol

From: Orion Adrian <opadrian@uncg.edu>
Date: Thu, 12 Dec 2002 17:19:24 -0500 (EST)
Message-ID: <3DF90B6D.6000608@uncg.edu>
To: www-style@w3.org



Errors first:

Error #1 in:
> 6.1. Reducing the number of columns

The equation:
> 300px >= n * 100px + (n-1) * 0px + (n-1) * 10px * 2
> where n is the largest possible integer

makes no sense based on the above data of:
> DIV { 
>   width: 400px;
>   column-count: 4;
>   column-width: 100px;
>   column-gap: 10px
>   column-rule: none; 
> }

Shouldn't the equation instead be:
> 400px >= n * 100px + (n-1) * 0px + (n-1) * 10px

This would result in 3 columns which would fit in 400px.  This also more 
closely models the actual the equation given in the document earlier:
> CWRG = column_count * column_width + (column_count-1) * (column_rule_width) + (column_count-1) * column_gap).

Error #2 in:
> 10. Floating in and between columns

The word visual is misspelled in the following sentence:
> The 'in-column' value floats the element within a column, i.e. the vertical position of the element may change due to viual considerations.

Comments:

The standard looks much better than it did the last time I looked at it.

You may want to clarify 6.2 and 6.3 with some visual examples.

I'm concerned with the new floating styles.  It just seems way too 
ambiguous.  Have you considered merging the ideas of lists/markers and 
float boxes.

The following HTML snippet I'll use multiple times.
<div>
<p class="float">Floating Text</p>
<p>Non-floating text. Plus some additional words to get the point 
accross.</p>
</div>

P.float {
	float: left;
	float-position: inside;
}

---------------------------
| Floating | Non-floating |
| Text     | text.  Plus  |
------------ some         |
| additional words to get |
| the point accros.       |
---------------------------

P.float {
	float: left;
	float-position: outside;
}

-----------------------------------
| Floating | Non-floating text.   |
| text     | Plus some additional |
-----------| words to get the     |
            | point accross.       |
            ------------------------

P.float {
	float: right;
	float-position: center;
}

--------------------------------------------------------------------
| Non-floating text.     | Floating text. | Text in column 2.      |
| Plus some additional   ------------------ Hopefully, this drives |
| words to get the point accross. | the point home as to how this  |
|                                 | work.                          |
|                                 |                                |

The float-position property specifies what part of the float box aligns 
with the float side (i.e. left or right).

I think the float-position property would also be useful in placing 
navigation, as well as having lots of other uses.  And it does seem to 
solve the mid-column problem, and doesn't introduce a new model.

On a slightly related note, how would one go about forcing a 
column-break?  shouldn't there be an equivalent set of rules for columns 
as there are for pages?

Orion Adrian
Received on Friday, 13 December 2002 05:10:18 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:17 GMT