-1

コード行を変更していませんが、Chrome の最後の更新(24.0.1312.56)以来、私の Web サイトの外観が異なっていることに気付きました。より正確には、フォームの入力が別の場所にローカライズされ、テキストが以前よりも大きく見えます。

Chrome 23
でのレンダリングは次のとおりです。最新バージョンの Chrome でのレンダリングは次のとおりです。

異なるコンピューターでテストを行いましたが、結果は同じです。
IE と Firefox では何も変わっていません。

以下の違反コードを参照してください。

HTML

<table class="form-fields-table form-main-block">
  <colgroup>
    <col class="form-select-col"></col>
    <col class="form-select-col"></col>
    <col class="form-select-col"></col>
  </colgroup>
  <tr class="form-input-block">
    <td class="form-label">
      <label for="sit_pro">Vous êtes<span class="form-required">*</span> :</label>
      <select name="sit_pro">
        <option value="0">-- Sélectionnez --</option>
        (...)
      </select>
    </td>
    <td class="form-label">
      <label for="sit_bien">Votre situation<span class="form-required">*</span>:</label>
      <select name="sit_bien">
        <option value="0">-- Sélectionnez --</option>
        (...)
      </select>
    </td>
    <td class="form-label">
      <label for="type_bien">Votre type de bien<span class="form-required">*</span> : </label>
      <select name="type_bien">
        <option value="0">-- Sélectionnez --</option>
        (...)
      </select>
    </td>
  </tr>
</table>

CSS

.form-fields-table .form-main-block td {
  padding-top: 15px;
}

.form-fields-table td {
  border-spacing: 10px 0;
  vertical-align: middle;
  padding: 2px 0;
}

.form-comments-table td {
  vertical-align: top;
}

.form-fields-table td.form-label-top {
  vertical-align: top;
  padding-top: 8px;
}

.form-select-col {
  width: 200px;
}

.form-label {
  text-align: left;
  color: #444;
  font-weight: bold;
  font-size: 14px;
}

何が起こっているのか分かりますか?

4

1 に答える 1

0

Google Chrome は、最大の入力テキストに応じて列の幅を設定しているようです。私の場合、最大の入力テキストは、中央のドロップダウン リストの選択入力のオプションの 1 つです。onとtagsの両方のプロパティ

を使用して問題を修正しました。max-widthtdselect

.form-label {
  text-align: left;
  color: #444;
  font-weight: bold;
  font-size: 14px;
  max-width: 155px; // new
}

.form-label select {
    max-width: 155px; // new
}

そして、レンダリングは問題ありません。

于 2013-01-28T11:24:49.470 に答える