Arghhhhh... I am
getting frustrated to say the least with Fusebox 3 and the layout files trying
to use tables and could use some help in figuring out what is happening, why it
is happening, and what I can do to correct the problems. Any help would be
greatly appreciated.
The problem that I
am having, is trying to use tables to control the layout and presentation of my
basic web template for a site I am redeveloping for a customer. Under
Fusebox 2, I had no problem at all with this, but under Fusebox 3 I am getting
results that defy logic. I define a table that has a width of 100% and put
out the table related data... then if I put the table end tag and then try and
put a paragraph or more after the table has finished, I get garbage on the
screen in the form of my table and sitting on the right side of the table is the
paragraph(s) that I placed in the dsp_xxxxxxx.cfm file. The only
workaround that I have right now, is to put EVERYTHING in the table and deal
with my paragraphs being in table data with multiple column spans. When I
try and test the page on icast.org to test it for accessibility, I get the page
and the results beside each other rather than on top of each other. The
following code represents the body of the template:
<table
width="100%" border="0" cellspacing="0" cellpadding="0" align="left"
summary="This table Used for Layout">
<tr align="left" valign="top">
<td align="left" valign="top" background="Artwork/uwbg_01.gif" style="background-repeat: no-repeat;">
<a href="#content" title="Skip to Main Content" tabindex="1"><img src="javascript:void(0);" border="0" alt="Skip to Main Content" width="5" height="128" align="top"></a></td>
</TR>
<TR align="left" valign="top">
<td align="left" valign="top">
<table border="0" cellspacing="0" cellpadding="0" align="left" summary="This table Used for Layout">
<tr align="left" valign="top">
<td align="left" valign="top" background="Artwork/uwbg_02.gif" style="background-repeat: no-repeat;" title="For Layout of visual image of arc with link to homepage when viewed on child pages">
<cfif NOT fusebox.circuit IS "home">
<tr align="left" valign="top">
<td align="left" valign="top" background="Artwork/uwbg_01.gif" style="background-repeat: no-repeat;">
<a href="#content" title="Skip to Main Content" tabindex="1"><img src="javascript:void(0);" border="0" alt="Skip to Main Content" width="5" height="128" align="top"></a></td>
</TR>
<TR align="left" valign="top">
<td align="left" valign="top">
<table border="0" cellspacing="0" cellpadding="0" align="left" summary="This table Used for Layout">
<tr align="left" valign="top">
<td align="left" valign="top" background="Artwork/uwbg_02.gif" style="background-repeat: no-repeat;" title="For Layout of visual image of arc with link to homepage when viewed on child pages">
<cfif NOT fusebox.circuit IS "home">
<cfoutput>
<A HREF="#request.self#?fuseaction=Home.Welcome"
ONFOCUS="changeImages('Home', 'Artwork/Home_over.gif'); return true;"
ONBLUR="changeImages('Home', 'Artwork/Home.gif'); return true;"
tabindex="2"
title="Go to Home Page"><img src="javascript:void(0);" width="130"
height="30" border="0" alt="Home" name="Home"></A>
</cfoutput>
<img
src="Artwork/clear.gif" border="0" alt="Clear Spacer" width="50"
height="41"><cfelse><img src="javascript:void(0);" border="0"
alt="Clear Spacer" width="175" height="41">
</cfif>
</td>
<td align="left" valign="top"><cfinclude template="dsp_TextNav.cfm"></td>
</tr>
</table>
</td>
</TR>
<tr>
<td align="left" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" summary="This table Used for Layout">
<tr align="left" valign="top">
<td align="left" valign="top" background="Artwork/uwbg_03.gif" style="background-repeat: no-repeat;">
<img src="javascript:void(0);" width="146" height="1" border="0" alt="Clear spacer"><br>
<cfinclude template="dsp_GraphicNav.cfm">
</td>
<td align="left" valign="top">
<a name="#content"><img src="javascript:void(0);" width="650" height="1" border="0" alt="Clear spacer"></a><br><cfoutput>#fusebox.layout#</cfoutput>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<p> </p><p> </p>
<p><div align="center"><cfinclude template="dsp_TextNav.cfm"></div></p>
<cfif Application.SHOW_COPYRIGHT is "YES">
<p> </p><cfoutput><div align="center"><address>#Application.COPYRIGHT#</address></div></cfoutput>
</cfif>
<cfif Application.DebugStatus is "TRUE">
<cfinclude template="dsp_testnsession.cfm">
</cfif>
</td>
</tr>
</TABLE>
</td>
<td align="left" valign="top"><cfinclude template="dsp_TextNav.cfm"></td>
</tr>
</table>
</td>
</TR>
<tr>
<td align="left" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="left" summary="This table Used for Layout">
<tr align="left" valign="top">
<td align="left" valign="top" background="Artwork/uwbg_03.gif" style="background-repeat: no-repeat;">
<img src="javascript:void(0);" width="146" height="1" border="0" alt="Clear spacer"><br>
<cfinclude template="dsp_GraphicNav.cfm">
</td>
<td align="left" valign="top">
<a name="#content"><img src="javascript:void(0);" width="650" height="1" border="0" alt="Clear spacer"></a><br><cfoutput>#fusebox.layout#</cfoutput>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<p> </p><p> </p>
<p><div align="center"><cfinclude template="dsp_TextNav.cfm"></div></p>
<cfif Application.SHOW_COPYRIGHT is "YES">
<p> </p><cfoutput><div align="center"><address>#Application.COPYRIGHT#</address></div></cfoutput>
</cfif>
<cfif Application.DebugStatus is "TRUE">
<cfinclude template="dsp_testnsession.cfm">
</cfif>
</td>
</tr>
</TABLE>
==^================================================================ This email was sent to: [email protected] EASY UNSUBSCRIBE click here: http://topica.com/u/?bUrFMa.bV0Kx9 Or send an email to: [EMAIL PROTECTED] T O P I C A -- Register now to manage your mail! http://www.topica.com/partner/tag02/register ==^================================================================
