Item9373: HTML table overflows end of content
Priority: Normal
Current State: No Action Required
Released In:
Target Release: n/a
Applies To: Engine
Component:
Branches:
A co-worker showed me a page in which he had an HTML table at the bottom.
The table code overflows the content area, spilling into the "chrome" and merging with the attachments table.
I'm guessing there is a CSS issue...
A table in FML does not exhibit this problem.
The table code.
<table width="601" align="left" border="0">
<tbody><tr>
<td><strong>Server </strong></td><td><strong> Reimage date</strong></td><td> *Rollout date* </td><td> <strong>Validate data date</strong></td>
</tr><tr>
<td> CSFeed2.MUD</td><td> Done Q2 2010</td><td> 8/24/2010</td><td> 8/27/2010</td>
</tr><tr>
<td> CSFeed2.AC4</td><td> 8/30/2010</td><td> 8/31/2010</td><td> 9/3/2010</td>
</tr><tr>
<td> CSFeed1.MUD</td><td> 9/7/2010</td><td> 9/8/2010</td><td> 9/10/2010</td>
</tr><tr>
<td> CSFeed1.AC4</td><td>9/13/2010 </td><td> 9/14/2010</td><td>9/17/2010 </td>
</tr><tr>
<td>%RED% CSFeed3.MUD%ENDCOLOR%</td><td>%RED%KEEP IN RESERVE %ENDCOLOR%</td><td>%RED%RUNNING DDF %ENDCOLOR%</td><td>AS FALLBACK</td>
</tr></tbody></table>
With no attachments, the table merges into the "chrome" at the bottom of the page, acquiring the colors used there.
- screenshot, no attachments on page:
If the page has attachments, the formatting is affected. The twisty to show the attachments table is paralell to the table content, not below it as it should be.
- screenshot - page also has attachments:
--
VickiBrown - 22 Jul 2010
Link to example?
--
ArthurClemens - 30 Jul 2010
example: Sandbox/VickiBrown?rev=20
--
VickiBrown - 04 Sep 2010
Remove the
align="left"
and fixed width. See
TableOverflowTest.
--
ArthurClemens - 04 Sep 2010