Hello,
I'm having an issue with getting inner table borders to display properly in
Opera 9.5. The borders appear fine in Firefox 2 and IE 7, but are either not
displaying or are appearing in the same colour as the background in Opera.
By adding the rules="all" attribute to the <table> element, I've managed to
get the horizontal borders to display correctly, but the vertical ones are
still invisible - the tables still display properly with or without the
rules="all" in FF2 and IE7.
I am unsure whether this is an issue with my coding, or a rendering problem
with Opera. I realise this is only marginally a standards issue, but it does
have to do with properly coding tables so that they display correctly in
supposedly standards-compliant browsers.
If the problem resides with my markup, I will amend it, otherwise I will
submit a bug report to Opera.
I am using the following Doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
Here are two slightly different table samples which are displaying the same
error (and yes, I am using inline styles and it is for a reason):
<table width="600" border="1" rules="all" style="margin-top: 10px;
margin-bottom: 15px;">
<thead valign="middle" style="font-weight: bold; background-color: rgb(180,
180, 180); text-align: center;">
<tr>
<th width="200" height="30">HISTORICAL BOOKS</th>
<th width="200" height="30">MIXED POETRY</th>
<th width="200" height="30">PROPHETIC BOOKS</th>
</tr>
</thead>
<tbody valign="middle" style="font-weight: normal; background-color:
rgb(255, 255, 255); text-align: center;">
<tr>
<td width="200" height="30">Genesis to Esther</td>
<td width="200" height="30">Job to Song of Solomon</td>
<td width="200" height="30">Isaiah to Malachi</td>
</tr>
</tbody>
</table>
<table width="600" border="1" rules="all" style="margin-top: 10px;
margin-bottom: 15px;">
<thead valign="middle" style="font-weight: bold; background-color: rgb(180,
180, 180); text-align: center;">
<tr>
<th width="200" height="25">THE LAW</th>
<th width="200" height="25" colspan="2">THE PROPHETS</th>
<th width="200" height="25">THE WRITINGS</th>
</tr>
</thead>
<tbody valign="middle" style="font-weight: normal; background-color:
rgb(180, 180, 180); text-align: center;">
<tr>
<td width="200" height="25"><br /></td>
<td width="100" height="25">Former</td>
<td width="100" height="25">Latter</td>
<td width="200" height="25"><br /></td>
</tr>
</tbody>
</table>
(the <br /> elements are an unfortunate workaround for IE which is
collapsing the cells and not displaying the table properly when the cells
are empty - if there's a better solution, please let me know!)
Any ideas?
Thanks,
Jason
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
