HTML对齐问题只在一台机器(两个IE8) [英] HTML Alignment Issue in one machine only (both IE8)
问题描述
我有以下HTML和CSS代码。它在IE8工作正常在一台机器;但在第二机器与IE8不对齐。什么是要改变以纠正它?
I have the following HTML and CSS code. It works fine in IE8 in one machine; but misaligns in second machine with IE8. What is to be changed in order to correct it?
注意:未对齐是针对注销文本。
Note: The misalignment is for the "Logout" text.
注意: 214 X 57
Note: The dimension of the image is 214 X 57
注意:两个系统的分辨率相同,缩放比例为100%。
Note: Both systems are in same resolution and 100% zoom.
<!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
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;
}
:
READING:
- Align contents inside a div
推荐答案
只需更改
< a> Helpdsk服务管理员网站< / a>
到
< a style =float:left; > Helpdsk服务管理员网站< / a>
对我来说无效(我之前遇到过这个问题)显示错误,其他方式,它不:
Works for me anyhow (I've had this issue before), one way the ie shows misallign, other way, it doesn't:
PS。如果你喜欢上课的时间,只需为你&a;
PS. If you prefer classes all the time, just make one for you <a> tag.
这篇关于HTML对齐问题只在一台机器(两个IE8)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!