Stacking is basically better because there is less recursive logic that the
rendering engine in the browser needs to do. It's easier to say, "this table
is this size and that one is that size," rather than, "this table is this
size, but the table it's in is this other size which means that the first
table changes to this and the picture in the table is larger than either so
that means..."
Just out of curiosity, what browser is displaying the offset table? Netscape
has a bug that can cause tables to size strangly if you have your closing
tags on seperate lines. So instead of:
<tr>
<td>
some content...
</td>
</tr>
Try:
<tr><td>some content...</td></tr>
Yes it's ugly and harder to read, but I've found that it can make a
difference.
Also, certain tags inside the <td>s can cause spacing issues. For instance,
wrapping a simple piece of text in <p></p> tags can render differently than
the same piece of text with no tags. I've noticed some quirkiness with this
kind of thing with <span> and <div> tags in table cells which is why I try
to put my style calls in the <td> instead of using the others when layout is
critical.
Heck, we're making a mishmash of the concepts by combining table layout and
css anyway. It's no wonder it rarely works quite right in all browsers.
-Kevin
> -----Original Message-----
> From: Candace Cottrell [mailto:CottrellC@;childrensdayton.org]
> Sent: Friday, November 08, 2002 9:47 AM
> To: CF-Community
> Subject: Tables (was Re: CFMail Log)
>
>
> Thanks... I was just trying to figure out why. Some lady told me
> stacking is always better than nesting, but apparently, not if you cant
> get tit to wrok on all monitors! :)
>
>
> Candace K. Cottrell, Web Developer
> The Children's Medical Center
> One Children's Plaza
> Dayton, OH 45404
> 937-641-4293
> http://www.childrensdayton.org
>
>
> [EMAIL PROTECTED]
>
> >>> [EMAIL PROTECTED] 11/8/2002 10:41:14 AM >>>
> Can't tell ya why but I can make a suggestion for fixing it:
>
> Nest both tables inside a new table.... something like
>
> <table... >
> <tr>
> <td>
> ... table 1 here
> </td>
> </tr>
> <tr>
> <td>
> ... table 2 here
> </td>
> </tr>
> </table>
>
> Hatton
>
> Candace Cottrell wrote:
>
> >Does anyone know why stacked tables appear strangely (like askew or
> >indented) on some monitors, but stack fine on others?
> >
> > <table width="60%" border="0" cellpadding="5" align="left"
> >cellspacing="0">
> > <tr bgcolor="#CC0033">
> > <td valign="top" height="7"><u><b><span
> class="Headline"><font
> >face="Arial, Helvetica, sans-serif" size="2" color="#FFFFFF">General
> > Forms</font></span></b></u></td>
> > </tr>
> > <tr bgcolor="#CC0033">
> > <td valign="top" bgcolor="#FFFFFF">
> > <div align="left"><font size="2" face="Arial, Helvetica,
> >sans-serif" class="Head2"><a href="Protocols/admitordersDone.PDF"
> >target="_blank">Admit
> > Orders</a></font></div>
> > </td>
> > </tr>
> > </table>
> > <p> </p>
> > <p><br>
> > </p>
> > <table width="60%" cellpadding="5" align="left">
> > <tr>
> > <td bgcolor="#CC0033" height="14" width="57%"><b><u><font
> >color="#FFFFFF" face="Arial, Helvetica, sans-serif"
> >size="2">Protocols</font></u></b></td>
> > <td bgcolor="#CC0033" height="14" width="43%"><b><font
> >color="#FFFFFF" face="Arial, Helvetica, sans-serif" size="2"><u>Last
> > edited</u></font></b></td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td height="18" class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/1941int1Done.PDF">1941int1</a></div>
> > </td>
> > <td height="18" class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/1941int2Done.PDF">1941int2</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/2961cycle1Done.PDF">2961cycle1</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/2961cycle2Done.PDF">2961cycle2</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/2961intensificationDone.PDF">2961intensification<
> /a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/2961regBDone.PDF">2961regB</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/7921AdriaCisDone.PDF">7921AdriaCis</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/7921AdriaDone.PDF">7921Adria</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/7921MTXDone.PDF">7921MTX</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/9803BDone.PDF">9803B</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/9921indDone.PDF">9921ind</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/9921vp-16CytoxanDone.PDF">9921
> > vp-16Cytoxan</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/9933CDone.PDF">9933C</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/9961ADone.PDF">9961A</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/A3961cycle5Done.PDF">A3961cycle5</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/AEWS0031IEDone.PDF">AEWS0031IE</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/AEWS0031VADRACDone.PDF">AEWS0031VADRAC</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/AEWS0031VCytDone.PDF">AEWS0031VCyt</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/BEPstandardDone.PDF">BEPstandard</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/COPPDone.PDF">COPP</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/CytoxanHDDone.PDF">CytoxanHD</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/CytoxanHDwithAmifostineDone.PDF">CytoxanHDwithAmi
> fostine</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/GroupCCOPADM1Done.PDF">GroupCCOPADM1</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/GroupCCOPADM2Done.PDF">GroupCCOPADM2</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/HighDoseIfosDone.PDF">HighDoselfos</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/ICE5AMFDone.PDF">ICESAMF</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/ICEDone.PDF">ICE</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/IEforependymomaDone.PDF">IEforependymoma</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/P9061MTXDone.PDF">P9061MTX</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/P9645Done.PDF">P9645</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/P9741Done.PDF">P9741</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/VADRACDone.PDF">VADRAC</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#FFFFFF">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/VAdrCpCyDone.PDF">VAdrCpCy</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > <tr bgcolor="#CCCCCC">
> > <td class="BodyCopy" width="57%">
> > <div align="left"><a
> >href="Protocols/VIEDone.PDF">VIE</a></div>
> > </td>
> > <td class="BodyCopy" width="43%"> </td>
> > </tr>
> > </table>
> >
> >
> >Candace K. Cottrell, Web Developer
> >The Children's Medical Center
> >One Children's Plaza
> >Dayton, OH 45404
> >937-641-4293
> >http://www.childrensdayton.org
> >
> >
> >[EMAIL PROTECTED]
> >
>
>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Archives: http://www.houseoffusion.com/cf_lists/index.cfm?forumid=5
Subscription:
http://www.houseoffusion.com/cf_lists/index.cfm?method=subscribe&forumid=5
Structure your ColdFusion code with Fusebox. Get the official book at
http://www.fusionauthority.com/bkinfo.cfm
