W3C home > Mailing lists > Public > www-style@w3.org > May 2000

Vertical-align in margin boxes

From: Matthew Brealey <webmaster@richinstyle.com>
Date: Mon, 15 May 2000 15:51:49 -0700
Message-ID: <39207F85.7D08@richinstyle.com>
To: www-style@w3.org
The paged media properties WD uses 'vertical-align: center' in the
context of margin boxes a few times. 

Further: 'You will notice the use of the 'vertical-align' property
above. With regard to vertical alignment, margin boxes behave the same
as CSS2 table cells.'

The situations aren't the same (here are the table rules):

'The 'vertical-align' property of each table cell determines its
alignment within the row. Each cell's content has a baseline, a top, a
middle, and a bottom, as does the row itself. In the context of tables,
values for 'vertical-align' have the following meanings:
baseline
The baseline of the cell is put at the same height as the baseline of
the first of the rows it spans (see below for the definition of
baselines of cells and rows).
top
The top of the cell box is aligned with the top of the first row it
spans.
bottom
The bottom of the cell box is aligned with the bottom of the last row it
spans.
middle
The center of the cell is aligned with the center of the rows it spans.
sub, super, text-top, text-bottom
These values do not apply to cells; the cell is aligned at the baseline
instead.'

Separate rules are needed:

'Vertical-align in margin boxes
------------------------------
The 'vertical-align' property of margin boxes determines the alignment
of content within the box. The values have the following meanings:

top
The top margin of the content of the margin box is aligned with the top
of the margin box.
bottom
The vertical middle of the content of the margin box is aligned with the
vertical middle of the margin box.
middle
The bottom margin of the content of the margin box is aligned with the
bottom of the margin box.
baseline, sub, super, text-top, text-bottom
These values do not apply to margin boxes; the cell is middle aligned
instead.'

That way all those vertical-align: middle declarations can be removed,
because 'middle' is effectively the initial value.

-----------------------------------
Please visit http://RichInStyle.com. Featuring:
MySite: customizable styles.         AlwaysWork style 
Browser bug table covering all CSS2 with links to descriptions.
Lists of > 1000 browser bugs         Websafe Colorizer 
CSS2, CSS1 and HTML4 tutorials.      CSS masterclass 
CSS2 test suite: 5000++ tests and 300+ test pages.
Received on Monday, 15 May 2000 10:46:36 GMT

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