Formulaire HTML avec un problème de hauteur de cellule de tableau

Question

J'ai plusieurs formulaires comme celui-ci :

<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;
    }

Le problème est que la hauteur des cellules.... n'est pas égale dans tous les navigateurs... Une solution ?

Answer 1

J'ai trouvé pourquoi... La solution est de définir l'alignement vertical au milieu sinon

Answer 2

Avant de procéder à des modifications css, réglez margin et padding sur 0, puis modifiez-les si nécessaire. Définissez également la hauteur de ligne à 1em.