table display demo

I have attached a VERY stripped demo of the table structure
to illustrate the problems it shows.... I removed all style from
the file to negate the thought of interaction problems....
It appears to be one of width available for text and not backing
 out of user demands until some correct positioning can be made.
To see how bizarre it really is --- remove the one cellpadding=0
  instance to see how width is at a premium .....
interaction between table cell positions and DL/DT items causes
bigtime problems .....  but all other browsers seem to cope ok!
and it is html compliant so browser should be able to adapt to
some kind of display without choking.....

john russell  VE3LL@RAC.CA

homepage: http://web.cgocable.net/~jrussel

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Demo of nested table problem</TITLE>
</HEAD>

<BODY bgcolor="white">
<H1 ALIGN="center">Tables Demo</H1>
<p>A brief demo of a tables problem.  Or is it a spacing problem.
 Other browsers adapt however. It may be a case of backing out 
 of user width settings enough to make it work.</p>

<TABLE summary="" BORDER="0" CELLSPACING=1>
<TR>
<TD WIDTH="50%" VALIGN="top">
<!-- table for Presentation-->
<!-- table for black borders -->
<TABLE summary="" BORDER=0 WIDTH="90%">
<TR>
<TD BGCOLOR="black" WIDTH="50%">
<!-- table for white cells -->
<TABLE summary="" BORDER=0 CELLSPACING=4 CELLPADDING=4 WIDTH="100%">
<TR>
<TD BGCOLOR="aqua"><center><H2>Left Side</H2></center></TD>
</TR>
<TR>
<TD BGCOLOR="white">
<!-- table for "content" cell with wide left/right margins -->
<TABLE summary="" WIDTH="100%" BORDER=0 CELLPADDING=8>
<TR>
<TD WIDTH="10%"></TD>
<TD WIDTH="85%">
<!-- Body of Status Update-->
<P>The left column is not too bad but there is word wrap occuring 
 a little too early.</p>
<!-- Body of Status Update-->
</TD>
<TD WIDTH="50%"></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<!-- end of table for Presentation-->
</TD>
<TD WIDTH="40%" VALIGN="top">

<!-- table for Presentation-->
<!-- table for black borders -->
<TABLE summary="" BORDER=0 WIDTH="90%">
<TR>
<TD BGCOLOR="black">
<!-- table for white cells -->
<TABLE summary="" BORDER=0 CELLSPACING=4 CELLPADDING=4 WIDTH="100%">
<TR>
<TD BGCOLOR="aqua">
<center><h2>Right Side</h2></center>
</TD>
</TR>
<TR>
<TD BGCOLOR="white">
<!-- table for "content" cell with wide left/right margins -->
<TABLE summary="" WIDTH="100%" BORDER=0 CELLPADDING=8>
<TR>
<TD WIDTH="10%"></TD>
<TD WIDTH="85%">
<!-- Body of Status Update-->

<table cellpadding=0 summary="" width="80%" border=0>
<tr><td valign="top">
<dl><dt><strong>
<a href="http://www.bahnhof.se/~chimbis/tocb/links/Commercial/">
Commercial</a></strong></dt>
<dd>Sites selling stuff you may want.</dd></dl></td>
<td valign="top">
<dl><dt><strong>
<a href="http://www.bahnhof.se/~chimbis/tocb/links/Magazines_and_Books/">
Magazines and Books</a></strong></dt>
<dd>Magazines and books. Paper as well as on-line.</dd></dl></td>
</tr></table>

<!-- Body of Status Update-->
</TD>
<TD WIDTH="5%"></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
<!-- end of table for Presentation-->
</TD>
</TR>
<TR>
<TD COLSPAN="2">
</TD>
<TD></TD>
</TR>
</TABLE>
</BODY>
</HTML>

Received on Monday, 3 April 2000 20:10:31 UTC