On 2007-12-08, GTalbot <ne*******@gtalbot.orgwrote:
On 6 déc, 18:54, Allie <arcrev...@gmail.comwrote:
>someone told me that what I wanted
to do to solve my problem was use float to the right and align to the
left.
If you read carefully the CSS 2.x specification, you'll see that
floating a
table row is either formally discouraged or its effect can not be
defined.
I think it is well-defined, it's just not quite what people expect.
If you float a table row, it becomes a block (see CSS 2.1 9.7). That
means you have a block directly inside a table, and table cells directly
inside a block, both of which result in the generation of anonymous
table boxes (see CSS 2.1 17.2.1).
So if you started with this:
table
row
cell cell
row
cell cell
and you float the first row, you should get this:
table
row*
cell*
floated block
table*
row*
cell cell
row
cell cell
Where * denotes an anonymous table, table-row or table-cell box.
In most cases the result will actually look very similar anyway. And
you're right it's not recommended.
There is a Note at the bottom of CSS 2.1:
C.3.29 17.5 Visual layout of table contents
The following note:
Note. Table cells may be relatively and absolutely positioned,
but this is not recommended: positioning and floating remove a
box from the flow, affecting table alignment.
has been amended as follows:
Note. Table cells may be positioned, but this is not
recommended: absolute and fixed positioning, as well as
floating, remove a box from the flow, affecting table size.
The amendment of course is to remove relative positioning, which is
harmless and quite useful to do on a table cell to turn it into a
containing block for positioned contents. Unfortunately that _only_
works in IE, and not in FF, Opera or Konqueror. See
http://www.tidraso.co.uk/misc/td-alignment.html.
