HTML对齐问题仅在一台计算机上（均为IE8）

Z时代
2024-01-10
分类：问答

我有以下HTML和CSS代码。一台机器在IE8中工作正常；但在第二台计算机上与IE8对齐。为了纠正它要更改什么？

注意：未对齐是针对“注销”文本的。

注意：图片尺寸为214 X 57

注意：两种系统的分辨率和缩放比例均为100％。

在此处输入图片说明

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1">
<title>Helpdsk Services Admins Site </title>
<link href="Styles/MasterStyle.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
    <div id="container">
        <div class="clear">
            <div id="header">
                <div id="logo">
                    <img alt="logo" src="Images/Logo.png" />
                </div>
                <div id="titleInfo">
                    <a>Helpdsk Services Admins Site</a>
                    <div id="signOut">
                        <a id="LoginStatus1">Logout</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
 </div>
</body>
</html>

MasterStyle.css

body
{
   margin: 0px; padding: 0px; text-align: center; background: Orange;
}
#wrapper
{
   width: 100%; height: auto; text-align:left; margin: 0 auto; background: Orange;
}
#container
{
   width: 850px; height: auto; margin: 0 auto; background: white;
}
#header
{
   width: 850px; height: 70px; background: white; padding: 0 0 10px 0;
}
#titleInfo
{
font:bold 18pt Arial; color:#2377D1; width:590px; height:35px; float:left; margin:10px 0 0 10px;
border-bottom:3px solid #fcda55; padding: 10px 0 0 0; display:inline;
}
#signOut
{
font:bold 9pt Arial;float:right;border-bottom:none;padding: 0px 10px 0 0;display:inline;
}
#logo
{
   width:200px; height:60px; float:left; margin:0 0 0 20px; display:inline; padding: 10px 0 0 0;
}
.clear
{
   clear: both;
}