簡単なログインページ用のテーブルがあります。テーブルを分解して別の方法でスタイリングを取得できることはわかっているので、これに固執していませんが、Firefoxではcolspanが壊れているようです。
HTML
<table>
<tbody>
<tr>
<td>E-mail:</td>
<td colspan="2">
<input type="textbox" name="email">
</td>
</tr>
<tr>
<td>Password:</td>
<td colspan="2">
<input type="password" name="password">
</td>
</tr>
<tr>
<td colspan="3">
<input type="submit" value="Login">
</td>
</tr>
<tr>
<td colspan="2">Forgot your password?</td>
<td style="width: 70px;"><a href="reset.php">Reset It</a>
</td>
</tr>
<tr>
<td colspan="2">Don't Have an Account?</td>
<td><a href="create.php">Make One</a>
</td>
</tr>
</tbody>
</table>
CSS
table {
width: 250px;
}
td:last-child {
text-align: right;
}
これが私のテーブルのjsFiddleです。ChromeまたはIEでこのテーブルを表示すると、メールとパスワードの入力ボックスを「パスワードを忘れた」と「アカウントを持っていない」という単語と重複させることで、私がやろうとしていることがわかります。したがって、colspanは、ChromeとIEで行うのと重複する必要がありますが、Firefoxではそうではありません。Firefoxで失敗するのはなぜですか?