| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .block1 { |
| border: 1px solid black; |
| width:15%; |
| background-color: green; |
| } |
| .block2 { |
| border: 1px solid black; |
| width:50%; |
| background-color: blue; |
| } |
| .block3 { |
| border: 1px solid black; |
| width:15%; |
| background-color: green; |
| } |
| </style> |
| </head> |
| <body> |
| <!-- bug 34758: TD width in precentage doesn't work. --> |
| <!-- The 2 green rectangles should have the same width. --> |
| <table id="table" width="50%" height="100%"> |
| <tr> |
| <td colspan="3" style="border: 1px solid black" height="150"> |
| <table width="600" height="100%"><tr><td></td></tr></table> |
| </td> |
| </tr> |
| <tr valign="top" style="height: 100px"> |
| <td class="block1"></td> |
| <td class="block2"></td> |
| <td class="block3"><table style="width: 100%"></table></td> |
| </tr> |
| </table> |
| </body> |
| </html> |
