HTML-форма с проблемой высоты ячейки таблицы

Question

У меня есть несколько таких форм:

<table  width="100%" border="0" cellpadding="0" cellspacing="0" class="table_std">

        <tr id="exam_String_newValue_row">
          <td width="150" class="table_defaultHeaderColumn">Προκαθορισμένη Τιμές</td>
          <td width="802" class="table_defaultHeaderColumn" >
            <textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>
          </td>
        </tr>
        <tr>
          <td width="150" class="table_defaultHeaderColumn">Διάγνωση - Αληθής</td>
          <td width="802">
            <input name="Exam_String_value" type="text" style="width:600px" id="textfield2" />
         </td>
        </tr>
        <tr>
          <td width="150" class="table_defaultHeaderColumn">Διάγνωση - Ψευδής</td>
          <td width="802">
            <input name="Exam_String_value" type="text" style="width:600px"  id="textfield2" />
         </td>
        </tr>
      </table>

CSS

  .table_defaultHeaderColumn {
        font-size: 11px;
    }
    .input_std {
        width: 200px;
    }
    .input_small {
        width: 4em;
    }

    .table_std {
        border-collapse:collapse;
    }
    .table_std td {
        padding-top: 1px;

        padding-bottom: 1px;
    }

Проблема в том, что высота ячеек не одинакова во всех браузерах ... любое решение?

Answer 1

Я нашел почему ... Решение состоит в том, чтобы установить вертикальное выравнивание по центру в противном случае

Answer 2

Прежде чем делать какие-либо изменения CSS, установите поля и отступы на 0, затем измените, если необходимо. Также установите высоту строки в 1em.