css stylings on tables

when tables have headings with borders, the heading
bleeds outside the table box. this is most likely because
the border sizes are not being included in the column widths
to be applied to the nesting table box... here is a sparse example
that can be tested by setting th border to 0px and 1 px ... 

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>Table Sizing Test:VE3LL@RAC.CA</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {background:#ffdead}
table.col {background:#ffff99;border:2px solid black;padding:5px}
th.col    {background:#cccc99;border:1px solid black;padding:10px}
.nodec    {list-style:none;margin-bottom:10px}
</style></head><body>

<h1>Table Sizing Test:VE3LL@RAC.CA</h1>
<p>This simple table demonstrates a problems with table box dimensions
within Amaya 8.8. When styling is applied the boxes for table headings
run outside the table box! If the table heading border is set to zero
(ie removed) there is no bleedthru. It appears that border and perhaps
padding and margin size is not included in overall column width calculation
when calculating the overall table box. This has been a longstanding bug
that interferes with menus that are constructed as lists within tables
to get multicolumn lists.</p>

<table class="col"><tr><th class="col">Shareware/Freeware Editors</th>
<th class="col">Commercial Editors</th></tr>
<tr><td><ul class="nodec">
<li><a href="http://www.sofotex.com/EasyDraw-download_L17286.html">
EasyDraw</a> - Simple CAD</li>
<li><a href="http://fortunecity.gifworks.com/">Gifworks</a>
 - <em>online</em> GIF editor</li>
<li><a href="http://www.gimp.org/">GIMP</a>- GNU/Linux standard</li>
<li><a href="http://www.gimp.org/windows/">GIMP For Windows</a></li>
<li><a href="http://www.snapfiles.com/get/paintstudio.html">Paint Studio Lite</a></li>
<li><a href="http://www.freeserifsoftware.com/software/photoplus/default.asp">
PhotoPlus</a></li>
<li><a href="http://www.xat.com/">Xat.com Jpeg Optimizer</a></li>
</ul></td><td><ul class="nodec">
<li><a href="http://www.adobe.com/products/photoshop/main.html">
Adobe PhotoShop</a></li>
<li><a href="http://www.arcsoft.com/en/products/photostudio/"
>ArcSoft PhotoStudio</a></li>
<li><a href="http://www.mindworkshop.com/alchemy/gifcon.html">
GIF Construction Kit</a></li>
<li><a href="http://www.lview.com/index.htm">LVIEWPRO</a></li>
<li><a href="http://www.macromedia.com/software/fireworks/">
MacroMedia Fireworks</a></li>
<li><a href="http://www.Microsoft.com/office/previous/photodraw/">
Microsoft PhotoDraw</a></li>
<li><a href="http://www.jasc.com/products/paintshoppro/">
Paint Shop Pro</a></li>
</ul></td></tr></table>
</body></html>



-- 
-- 
John Russell, VE3LL@RAC.CA
http://home.cogeco.ca/~ve3ll
http://home.cogeco.ca/~trains
http://home.cogeco.ca/~cipher

Received on Wednesday, 6 July 2005 21:35:08 UTC