コード行を変更していませんが、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;
}
何が起こっているのか分かりますか?