What's wrong with this ultra-basic html table?

The section labeled "lower-left" does not take up the whole space in Internet Explorer 7.0! It works fine in Firefox! <table width="800" border="1" cellpadding="5" cellspacing="20" bgcolor="#006600"> <tr> <td colspan="2" rowspan="1"> upper-left </td> <td rowspan="2"> right </td> </tr> <tr> <td rowspan="1"> lower-left </td> </tr> </table>

Public Comments

  1. It looks ok except for the : upper-left right lower-left parts. unless you put it there to show where the cells are supposed to be placed. If not then it should look like this: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title></title> </head> <body> <table bgcolor="#006600" border="1" cellpadding="5" cellspacing="20" width="800"> <tbody> <tr> <td colspan="2" rowspan="1"> </td> <td rowspan="2"> </td> </tr> <tr> <td rowspan="1"> </td> </tr> </tbody> </table> <br> </body> </html> I suggest you download nvu to help with makingyour web pagesit really is a lot easier than coding but If you love coding then you can stick with html. Hope I have helped you.
  2. if you look at your upper left you have it set to colspan="2". There is no need for this unless you are planning to break the lower left into two. but since you arent, then I suggest changing the colspan to one. That should fix it up.
  3. in your second tr header you are missing one td. either add it in or set the td of the second tr to <tr colspan="2">
Powered by Yahoo! Answers