0

簡単なログインページ用のテーブルがあります。テーブルを分解して別の方法でスタイリングを取得できることはわかっているので、これに固執していませんが、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で失敗するのはなぜですか？

4

1 に答える 1

3

私の意見では、Firefoxはそれを正しく表示しています。IEとChromeでテキストがオーバーフローします。を機能させるには、実際には3つの列が必要ですcolspan。

<table>
  <tbody>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
...
于 2013-01-28T19:21:42.573 に答える