Home/ Questions/Q 7712647
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T01:41:05+00:00

Here is an example: <table> <tr> <td width=400px id=’myTD’></td> </td> </table> here is the

  • 0

Here is an example:

<table>
   <tr>
       <td width="400px" id='myTD'></td>
   </td>
</table>

here is the external code:

protected string GetHtml()
{
     return "<table><tr><td width="800px"></td></tr></table>";
}

Since the width of ‘myTD’ is smaller than the width of the external code the displayed code is getting out of the main table boundaries , I dont want the innerHTML of ‘myTD’ to make the main table wider.
Suffice to say that as the external HTML code is given from outside I can’t change it without ruin it as I’ll never know which width or heights will be essential for the code and which wouldn’t.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This wasn’t easy in a way that’s compatible with all browsers, but I did come up with this.

    <!DOCTYPE html>
<html>
 <head>
  <title></title>
  <style>
   #myID {width:400px; overflow:scroll}
  </style>
 </head>
 <body>
  <table>
   <tr>
    <td><div id='myID'>

     <table><tr><td width="800"><hr style="width:792px"</td></tr></table>

    </div></td>
   </tr>
  </table>
 </body>
</html>

    (or as a jsFiddle). That is, by adding a new element inside your td that gets the scrollbars. Trying to apply overflow:scroll to a table cell doesn’t work the same on all browsers.
    Hope you can use this.

    • 0