Mindy,

Flow control and HTML tables can be very quirky to work with. If you want to ensure that the table will be rendered exactly as it looks in the design view of VS.NET, you have to do a few things:

1. Make sure that the width of each cell (TD) in the row (TR) adds up to the table width.

2. If you are specifying a height for a cell (TD) in a row (TR), make sure that height is the same for all of the cells in the row.

3. Specify the height and width values in the "height" & "width" attributes and the "style" attribute of each cell (make sure that the values match).

4. Never add an extra cell (TD) in a row (TR) without adding the cell to all of the rows.

5. Make sure that any merged cells ("colspan") have the same width as the sum of the widths of the cells it is spanning.

6. When inserting one table inside of another, specify a table width of the width of the cell that you are inserting into - 1.

7. If you are databinding the contents of a cell and the cell has borders, add a 1x1 transparent gif image to the cell to make sure it is rendered.

The whole thing boils down to taking the rendering decisions away from the browser by being as specific as possible.

For your problem, it sounds like there is something between the closing tag of row 2 (/TR) and the opening tag of row 3 (TR). Check the HTML to see that there is nothing in between. Pure whitespace won't matter, but any text or tags can cause unpredictable results.

>I'm designing a web form using flow layout. On the form, I have a table w/ 3 rows and 3 columns. In design view, it looks all lined up and evenly spaced, vertically. When I render the page, I see a white space between row 2 and row3 that I don't see in design view. I don't have any spaces in-between the controls in design view, yet I can't seem to figure out why it's displaying a white space at run-time. Any help would be greatly appreciated. Thanks!