Gapping mis-alignment in bottom slot

[Former Member]

Hi Guys,

I cannot get the bottom slot to line up in the correct position when using gapping.

The bottom slot abuts to the right of the Main Slot, extending the width of the page and ruining the layout.

If I turn off gapping the bottom slot works correctly.

I created a minimal theme with NO code of my own and have trawled through the emitted HTML and found:

12 "<i>table</i>" and 12 "<i>/table</i>"

16 "<i>tr</i>" and 16 "<i>/tr</i>"

<b>23</b> "<i>td</i>" and <b>21</b> "<i>/td</i>"

Is there a fix for this or do I turn off gapping and space all the slots via style-sheet padding?

Netpoint version 5.9.

HTML code follows:

<form name="Form1" method="post" action="default.aspx" id="Form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE3MzUzNzUzMzVkZDDGrwU27HlOfnRfT/Rk/8htqq5H" />
</div>
<table border="0" cellPadding="0" cellSpacing="0" width=""><TR><TD class=npbody valign=top>banner</td></tr></TABLE><table cellSpacing=0 cellPadding=0 width="" border=0>
<tr><td vAlign=top align=left width="" ><TABLE border="0" cellPadding="0" cellSpacing="0" width=""  ><TR><TD class=npbody valign=top>left</td></tr><tr><TD> </TD></tr></TABLE></td><td width="5"><img height=1 src="/assets/images/1.gif" width="5"></td><td vAlign=top align=center><table cellSpacing=0 cellPadding=0 width="100%" border=0>
<tr>
<td><TABLE border="0" cellPadding="0" cellSpacing="0" width="100%">
<tr>
<TD>top</td></tr>
</TABLE></TD>
</TR><tr><td valign=top><table cellSpacing=0 cellPadding=0 width="" border=0>
<tr>
<td vAlign=top >

	<TABLE border="0" cellPadding="0" cellSpacing="0" width="100%"><TR><TD class=npbody valign=top>main</td></tr><tr><TD> </TD></tr></TABLE>
</td></tr><tr>
<td width="5"><img height=1 src="/assets/images/1.gif" width="5"></td><td vAlign=top align=center><table cellSpacing=0 cellPadding=0 width="100%" border=0>
<tr>
<td valign=top><TABLE border="0" cellPadding="0" cellSpacing="0" width="100%">
<tr>
<TD class=npbody>bottom</td></tr>
</TABLE>
</TD>
</TR>
</TABLE>
<td></TR></TABLE></td></tr></table></TD><td width="5"><img height=1 src="/assets/images/1.gif" width="5"></td><td valign=top width="" ><TABLE border="0" cellPadding="0" cellSpacing="0" width=""  ><TR><TD class=npbody valign=top>right</td></tr><tr><TD> </TD></tr></TABLE>
</td>

</TR>
</TABLE><table border="0" cellPadding="0" cellSpacing="0" width=""><TR><TD class=npbody valign=top>trailer</td></tr></TABLE>
<BR><BR><table bgcolor=yellow><td><font color=purple><b>NETPOINT DEVELOPMENT COPY THIS IS FOR TESTING ONLY. THIS IS A TESTING AND DEMONSTRATION SITE ONLY</b></font></td></table></form>

[Former Member · Accepted solution]

I would use CSS to override td width tags and table dimensions instead of gapping for this particular implementation. This will give you more control and it will be sitewide.