簡單的html頁面在Firefox和IE中呈現的方式有所不同。如何解決？

Question

下面是我正在創建的表單的代碼。 鏈接到的CSS代碼也已添加到此代碼之后。 問題在於它在Firefox和IE中呈現的方式有所不同。 如何穩定呢？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>Add/Update Political Party</title>
    <link rel="stylesheet" href="../Lib/entryformstyle.css" type="text/css"/>
</head>
<body>
<div id="sectionEntryForm" class="entryForm" style="width:300px">
    <table id="tblEntryForm" cols="2" class="entryFormTable" border="1">
        <tr bgcolor="white">
            <td colspan="2" align="center">Add / Update Political Party</td>
        </tr>
        <tr>
            <td>Party full name:</td>
            <td><input id="inPartyFullName" name="inPartyFullName" accept="text/plain" maxlength="80" class="inputBoxStyle" size="40"></td>
        </tr>
        <tr>
            <td>Party short name (initials):</td>
            <td><input id="inPartyShortName" name="inPartyShortName" accept="text/plain" maxlength="10" class="inputBoxStyle"></td>
        </tr>
        <tr>
            <td>Total members in party:</td>
            <td><input id="inTotalMembers" name="inTotalMembers" accept="text/plain" maxlength="6" class="inputBoxStyle"></td>
        </tr>
        <tr>
            <td>Chairman:</td>
            <td><input id="inChairman" name="inChairman" accept="text/plain" maxlength="80" class="inputBoxStyle"></td>
        </tr>
        <tr>
            <td>Vice-chairman:</td>
            <td><input id="inViceChairman" name="inViceChairman" accept="text/plain" maxlength="80" class="inputBoxStyle"></td>
        </tr>
        <tr>
            <td>Founder:</td>
            <td><input id="inFounder" name="inFounder" accept="text/plain" maxlength="80" class="inputBoxStyle"></td>
        </tr>
        <tr>
            <td>Date formed (dd/MM/yyyy):</td>
            <td><input id="inDateFormed" name="inDateFormed" accept="text/plain" maxlength="10" class="inputBoxStyle"></td>
        </tr>
        <tr>
            <td align="center"><input id="btnMenu" name="btnMenu" type="button" value="Return to Menu"></td>
            <td align="center"><input id="btnClear" name="btnClear" type="button" value="Clear Entries"></td>
            <td align="center"><input id="btnUpdate" name="btnUpdate" type="button" value="Update Record"></td>
        </tr>
    </table>
</div>
</body>
</html>

CSS代碼：

div.entryForm
{
    padding: 1px;
    margin: 1px;
    color: black;
    background-color:lightgrey;
}

div.entryFormTable
{
    border:thin;
    border-color:black;
}

input.entryFormColor
{

}

Answer 1

網站是否需要在每個瀏覽器中看起來都完全相同？

提示：不。

Answer 2

遠景：嘗試在表格單元格上定義特定的寬度，以使IE和FF保持表格單元格以相同的尺寸打開。 確保它們的總和為300px。

Answer 3

有人建議我也設置表格的背景色。 將表格的背景色設置為DIV即可解決此問題。

謝謝大家提出的各種替代方案。

簡單的html頁面在Firefox和IE中呈現的方式有所不同。如何解決？

問題描述

3 個解決方案

解決方案1
1 2009-11-10 13:51:46

解決方案2
0 2009-11-10 10:23:57

解決方案3
0 已采納 2009-11-13 10:21:09

簡單的html頁面在Firefox和IE中呈現的方式有所不同。 如何解決？

問題描述

3 個解決方案

解決方案1 1 2009-11-10 13:51:46

解決方案2 0 2009-11-10 10:23:57

解決方案3 0 已采納 2009-11-13 10:21:09

簡單的html頁面在Firefox和IE中呈現的方式有所不同。如何解決？

解決方案1
1 2009-11-10 13:51:46

解決方案2
0 2009-11-10 10:23:57

解決方案3
0 已采納 2009-11-13 10:21:09