table styling

the vertical-align:middle rule  does not work on cells!

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head><title>Table Centering:VE3LL@RAC.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style type="text/css">
span {color:red}
.col {background:#ffdead}
.x4 {text-align:center;width:40px;border:1px solid black;padding:2px}
</style></head><body>
<h1>Table Centering:VE3LL@RAC.CA</h1>
<p>One quirk is the way some browsers (Opera, MSIE) deal with empty cells.
Compare:</p>
<table summary="container"><tr><td>
<table class="col" summary="empty cells example">
<tr><th class="x4">Year</th><th class="x4">Sales</th></tr>
<tr><td class="x4">2000</td><td class="x4">$18M</td></tr>
<tr><td class="x4">2001</td><td class="x4">$25M</td></tr>
<tr><td class="x4">2002</td><td class="x4"></td></tr></table>
</td><td style="vertical-align:middle">with</td><td>
<table class="col" summary="spaced cell example">
<tr><th class="x4">Year</th><th class="x4">Sales</th></tr>
<tr><td class="x4">2000</td><td class="x4">$18M</td></tr>
<tr><td class="x4">2001</td><td class="x4">$25M</td></tr>
<tr><td class="x4">2002</td><td class="x4">&nbsp;</td></tr></table>
</td></tr></table>
<p><span>Note:</span> Amaya does not <em>vertical-align:middle</em>
the <em>with</em> caption as styled.</p>
</body></html>

-- 
-- 
John Russell, VE3LL@RAC.CA
http://home.cogeco.ca/~ve3ll
http://home.cogeco.ca/~trains
http://home.cogeco.ca/~cipher
The following section of this message contains a file attachment
prepared for transmission using the Internet MIME message format.
If you are using Pegasus Mail, or any other MIME-compliant system,
you should be able to save it or view it from within your mailer.
If you cannot, please ask your system administrator for assistance.

   ---- File information -----------
     File:  cssCentering2.htm
     Date:  13 Feb 2006, 19:34
     Size:  1471 bytes.
     Type:  HTML-text

Received on Tuesday, 14 February 2006 00:38:00 UTC