正文 

当前位置： 首页 > 问答 >

仅在一台机器上出现 HTML 对齐问题（均为 IE8）

     2023-03-06     81

关键词：

【中文标题】仅在一台机器上出现 HTML 对齐问题（均为 IE8）【英文标题】：HTML Alignment Issue in one machine only (both IE8) 【发布时间】：2012-04-14 04:09:24 【问题描述】：

我有以下 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  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;

阅读：

    Align contents inside a div

【问题讨论】：

【参考方案1】：

尝试将此元标记添加到您的头部：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

这应该会阻止 IE 中的兼容模式并强制使用标准模式。

【讨论】：

有什么解决方案可以让它在 IE7 中运行（我还没有在 IE7 中测试过）？ IE7 可以使用 添加元标记有效。谢谢。这是一条很好的信息。但是，@Wolf-Kun 的回答更适合我的简单案例。【参考方案2】：

IE有一个Compatibility View按钮，检查是否都勾选了。此按钮更改 IE 兼容版本。

You can set differents css for differents versions:

<link rel="stylesheet" type="text/css" href="css/chooser.css" />
<!--[if IE]> <link rel="stylesheet" type="text/css" href="css/chooser_ie.css" /> <![endif]--> 
<!--[if IE 6]> <link rel="stylesheet" type="text/css" href="css/chooser_IE6.css" /> <![endif]-->

【讨论】：

我需要让它适用于所有设置。有多个用户使用自己的配置访问 websie。还有其他想法吗？ @Lijo 当 IE8 处于“兼容”模式时，它基本上是在模仿 IE7。您的页面在 IE7 中可以运行吗？ 它在不同机器上的 IE6 中工作。我正在寻找一种适用于所有版本> 1E6 的所有配置的解决方案。这应该是可能的，因为这是一个基本的对齐问题。 @Lijo，您可以根据IE版本配置您的CSS并测试兼容性检查或未检查 您能告诉我需要什么更改才能使其适用于 IE7 吗？【参考方案3】：

只是改变

&lt;a&gt;Helpdsk Services Admins Site&lt;/a&gt;

到 &lt;a style="float:left;" &gt;Helpdsk Services Admins Site&lt;/a&gt;

无论如何都对我有用（我以前遇到过这个问题），一种方式是 ie 显示错位，另一种方式，它没有：

附言。如果你一直喜欢上课，那就为你制作一个 标签。

【讨论】：

你能回答***.com/questions/9978592/…吗？【参考方案4】：

试着把它放在下面&lt;div id="logo"&gt;

<div id="signOut">
    <a id="LoginStatus1">Logout</a>
</div>

【讨论】：

【参考方案5】：

大多数时候我看到这个，用户稍微放大（或缩小，但通常是）导致事情稍微歪斜。

【讨论】：

两个系统具有相同的分辨率和 100% 缩放。我们如何克服这一点？

在一台机器上出现 DacServices 错误，而不是在另一台机器上

】在一台机器上出现DacServices错误，而不是在另一台机器上【英文标题】：GettingDacServiceserrorononemachine,notonanother【发布时间】：2015-11-0803:00:33【问题描述】：我们的流程包括在SQLServer11和10数据库服务器上创建数据库。我们正在使... 查看详情

推送通知未在多台设备上接收 - 仅在一台设备上获取推送

】推送通知未在多台设备上接收-仅在一台设备上获取推送【英文标题】：PushNotificationnotreceivingonseveralDevices-onlygetPushononeDevice【发布时间】：2012-06-0812:04:30【问题描述】：我的PHP代码有点问题。我没有让它工作，我发送的消息将... 查看详情

更改作为主键方的字段时出错，仅在一台服务器上

】更改作为主键方的字段时出错，仅在一台服务器上【英文标题】：Errorwhenalteringfieldthatispartyofprimarykey,onlyononeserver【发布时间】：2019-07-2914:25:56【问题描述】：我有两台MSSQLServer，一台是SQLServer2016，另一台是SQLServer2017。在SQLServ... 查看详情

在一台机器上运行 Hadoop 集群

】在一台机器上运行Hadoop集群【英文标题】：RunningaHadoopclusterononemachine【发布时间】：2015-04-0215:30:08【问题描述】：我是Hadoop环境的新手。我想知道是否可以使用虚拟机在单机上运行集群（包含2或3个节点）。欢迎任何澄清。谢... 查看详情

php 在一台机器上解析失败，但在另一台机器上解析失败

】php在一台机器上解析失败，但在另一台机器上解析失败【英文标题】：phpfailsparsingononemachinebutnottheother【发布时间】：2015-01-1419:51:20【问题描述】：我会在Chat中询问，但我的积分还不够。我正在尝试将服务器从已部署的设置迁... 查看详情

如何在一台机器上保存张量板投影仪检查点文件并在另一台机器上打开？

】如何在一台机器上保存张量板投影仪检查点文件并在另一台机器上打开？【英文标题】：Howtosavetensorboardprojectorcheckpointfileononemachineandopenonanothermachine?【发布时间】：2019-01-0609:27:45【问题描述】：我通过TensorboardProjector可视化我... 查看详情

urllib3.exceptions.NewConnectionError 错误在一台机器上处理但不在另一台机器上

】urllib3.exceptions.NewConnectionError错误在一台机器上处理但不在另一台机器上【英文标题】：urllib3.exceptions.NewConnectionErrorerrorhandledononemachinebutnotonanother【发布时间】：2016-02-1907:42:24【问题描述】：我有一个奇怪的问题。为了有一个... 查看详情

为啥 django sqlite3 数据库在一台机器上与另一台机器上的工作方式不同？

】为啥djangosqlite3数据库在一台机器上与另一台机器上的工作方式不同？【英文标题】：Whydoesn\'tadjangosqlite3databaseworkthesameononemachinevstheother?为什么djangosqlite3数据库在一台机器上与另一台机器上的工作方式不同？【发布时间】：202... 查看详情

如何修复仅在一台计算机上运行的 Exe 文件

】如何修复仅在一台计算机上运行的Exe文件【英文标题】：HowtofixExefileonlyrunningononecomputer【发布时间】：2019-03-2917:11:23【问题描述】：我在pygame上创建了一个基本画面，想编译发给朋友作为测试，文件在我的电脑上完美运行但是... 查看详情

C++：Cookie 不存储在一台机器上，而是存储在另一台机器上

】C++：Cookie不存储在一台机器上，而是存储在另一台机器上【英文标题】：C++:Cookienotstoredinonemachine,butstoredinanother【发布时间】：2010-11-2311:08:57【问题描述】：我正在使用自己使用VS2010编写的小型C++应用程序。此应用使用以下功... 查看详情

javax.net.ssl.SSLHandshakeException 在一台机器上，但不是在另一台机器上

】javax.net.ssl.SSLHandshakeException在一台机器上，但不是在另一台机器上【英文标题】：javax.net.ssl.SSLHandshakeExceptioninonemachine,butnottheotherone【发布时间】：2016-09-2807:50:38【问题描述】：我有javax.net.ssl.SSLHandshakeException:sun.security.validator.... 查看详情

C#.NET 在一台机器上加密 XML 并在另一台机器上解密

】C#.NET在一台机器上加密XML并在另一台机器上解密【英文标题】：C#.NETEncryptXMLononemachineandDecryptonothermachine【发布时间】：2013-04-0519:02:32【问题描述】：我需要在httpwebrequest上发送GET/PUT/DELETE/POST消息。我的请求正文包含XML。我需... 查看详情

如何在 iOS 和 Android 的给定时间检测用户是不是仅在一台设备上处于活动状态

】如何在iOS和Android的给定时间检测用户是不是仅在一台设备上处于活动状态【英文标题】：HowtodetectiftheuserisactiveonlyononedeviceatagiventimeinbothiOSandAndroid如何在iOS和Android的给定时间检测用户是否仅在一台设备上处于活动状态【发布... 查看详情

对象引用未设置为对象的实例 - 仅在一台计算机上

】对象引用未设置为对象的实例-仅在一台计算机上【英文标题】：Objectreferencenotsettoaninstanceofanobject-onlyononecomputer【发布时间】：2015-07-1708:20:20【问题描述】：我搜索了类似的问题，但似乎没有一个可以帮助解决这种情况。我正... 查看详情

为啥我的 Perl 程序在一台机器上得到污染警告，而在另一台机器上却没有？

】为啥我的Perl程序在一台机器上得到污染警告，而在另一台机器上却没有？【英文标题】：WhydoesmyPerlprogramgetataintwarningononemachinebutnotanother?为什么我的Perl程序在一台机器上得到污染警告，而在另一台机器上却没有？【发布时间... 查看详情

如何在一台机器上使用资源（.txt 文件）和另一台机器上的脚本在 ssh 上运行 shell 脚本？

】如何在一台机器上使用资源（.txt文件）和另一台机器上的脚本在ssh上运行shell脚本？【英文标题】：Howtorunashellscriptoversshwithresource(.txtfiles)inonemachineandthescriptinanothermachine?【发布时间】：2014-02-1400:39:35【问题描述】：我想使用SS... 查看详情

我可以在一台服务器机器上运行 apache 和 glassfish 吗？

】我可以在一台服务器机器上运行apache和glassfish吗？【英文标题】：CanIhaveapacheandglassfishrunningononeservermachine?【发布时间】：2016-07-0911:47:31【问题描述】：有一台运行apache的物理服务器机器，一些应用程序部署在那里。我需要一... 查看详情

从在一台机器上工作的浏览器下载 S3 图像并在另一台机器上给出 CORS 错误

】从在一台机器上工作的浏览器下载S3图像并在另一台机器上给出CORS错误【英文标题】：DownloadingS3imagefrombrowserworkingononemachineandgivingCORSerroronanothermachine【发布时间】：2019-03-1820:21:06【问题描述】：我有一个Angular2应用程序，我正... 查看详情