| <!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> |