I have a table with a rowspan in one of the cells, the problem is that it's rendered differently in each and every browser. See img below. Actually IE is the only one that renders it properly. Any way to fix it?

http://www.hubschraubermuseum.de/exponate

You used to have a height attribute which worked with the <td> tag. This can now be done with css.

 

CSS:

td.image {height: 200px;}

td.info {height: 50px;}

 

TABLE:

<table>

<tr>

<td rowspan="4" class="image"></td>

<td class="info"></td>

</tr>

<tr>

<td class="info"></td>

</tr>

<tr>

<td class="info"></td>

</tr>

<tr>

<td class="info"></td>

</tr>

</table>

 

 

-Ben

You could also use line-height (useful if at some point you have a td with 2 lines and only 3 rows total next to the image):

td { line-height:50px; }

or you can set the text inside the td (that implies a span or smth) to have 50px in height:

td span { font:normal 10px/50px Verdana,Arial,sans-serif; }