Nested tables problem

Sep 18, 2013 at 7:00 AM
Edited Sep 18, 2013 at 7:08 AM
Hello,

I have a problem with a table nested in another table cell:
<html>
    <head>
        <title>Tables</title>
        <style type="text/css">
            table td{
              border-width:1px;
              border-style:solid;
              border-color:blue;
            }       
        </style>
    </head>
    <body>
       <table>
           <tr>
               <td>
                  <table width="100%">
                      <tr>
                          <td style="white-space:nowrap;">Left Inner Cell One</td>
                          <td style="white-space:nowrap;" align="right">Right Inner Cell Two</td>
                      </tr>
                  </table>
               </td>
           </tr>
       </table>
    </body>
</html>
The outer table cell is not wide enough to display the content:
Image

How can I solve this issue?
Olaf
Sep 18, 2013 at 7:28 AM
...one more table issue: the text in the first cell is truncated:
<html>
<body>
        <div class="caption">
            Table with colspans:</div>
        <table>
            <tr>
                <td colspan="2" nowrap>
                    Cell One Cell One Cell this text is not visible
                </td>
                <td>
                    Cell Two
                </td>
            </tr>
            <tr>
                <td>
                    Cell Three
                </td>
                <td>
                    Cell Four
                </td>
                <td>
                    Cell Five
                </td>
            </tr>
        </table>
</body>
</html>
Developer
Sep 22, 2013 at 7:40 AM
This discussion has been copied to a work item. Click here to go to the work item and continue the discussion.