gpt4 book ai didi

css - 在 IE 7/条件 CSS 中居中文本

转载 作者:行者123 更新时间:2023-11-27 22:38:54 24 4
gpt4 key购买 nike

我真的很在意这个问题。

该网站在除 IE7 之外的所有方面看起来都很棒,我已经尽我所能使它居中。

http://talentforceinc.com/Employer_Home.html

我已经为 IE 声明了条件 CSS,并添加了内联 text-align:center 标签,但由于未知原因,左侧彩色栏中的文本没有居中。

有什么想法吗?

是的,我知道现在的代码很丑陋 - 但在我试图将事情集中起来的过程中,它全都搞砸了。

在此先感谢您的任何意见。

IE 开发者工具与 Firebug 不同....

最佳答案

作为引用,被引用的页面位于此处:http://talentforceinc.com/Employers_Home.html .

具体引用代码在这里:http://www.i-simplyrecruit.com/isrjobs/talentforce/ShowJobColors.asp并在下面显示以供引用。

第一个问题是(如您所述),代码很丑。事实上很难看:

  • “Cementing Service...”和“Document Layout Specialist”单元格中有未完成的 HTML 空间实体 ( )。这导致后面的部分结束标记被忽略。
  • 宽度和高度的 HTML 属性仅为整数值。不要指定“px”。前任。 450 像素而不是 450 像素。
  • 每个单元格中的结束
    标记(具有“侧边栏”类)放置在结束 和 之后。

修复这些错误后,我还注意到您将表格宽度设置为 185,每个表格单元格宽度设置为 100。这可以防止表格单元格占据表格的整个宽度,从而使文本在他们无法在 table 的宽度内居中。删除单元格宽度可以解决此问题。

我上传了一个测试页面,其中包含未修改的原始代码和我的更改结果:http://demo.raleighbuckner.com/so/1303302/

供引用的原始HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://demo.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Latest Jobs</title>
<link href="http://www.talentforceinc.com/talentforce.css" rel="stylesheet" type="text/css" />
<!--[if LTE IE 7]>
<link href="http://www.talentforceinc.com/talentforce_IE.css" rel="stylesheet" type="text/css" />
<![endif]-->
<style type="text/css">
<!--
td {
text-align: center;
align: center;
}
-->
</style>



<script type="text/javascript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}

function ShowMore(pID)
{
var pParm = "Candidates_jobSearch3.asp?id=" + pID;

MM_openBrWindow(pParm,"jobDetail","scrollbars=yes,width=600,height=600 resizable=no");
}
//-->
</script>

</head>
<body>
<table width=185px bgcolor=white border=0 cellpadding=0 cellspacing=0 style='text-align:center'><tr><td height=40 width=100px align=center style='text-align:center' valign=middle bgcolor='#00AADD'><div class='sidebar'><div align='center'><a style='text-align:center' href='#' onclick='javascript:ShowMore(&quot;P0006008-0032&quot;);'>Contractor&nbsp;Engineer&nbsp;Specialist</a></div></td></tr></div><tr><td height=40 width=100px align=center style='text-align:center' valign=middle bgcolor='#AADDEE'><div class='sidebar'><div align='center'><a style='text-align:center' href='#' onclick='javascript:ShowMore(&quot;N0003008-0077&quot;);'>.Net&nbsp;&&nbsp;Sql&nbsp;server&nbsp;An</a></div></td></tr></div><tr><td height=40 width=100px align=center style='text-align:center' valign=middle bgcolor='#FFCC55'><div class='sidebar'><div align='center'><a style='text-align:center' href='#' onclick='javascript:ShowMore(&quot;S5696007-0004&quot;);'>Cementing&nbsp;Service&nbsp;Sup/Deep&nbs</a></div></td></tr></div><tr><td height=40 width=100px align=center style='text-align:center' valign=middle bgcolor='#22AA55'><div class='sidebar'><div align='center'><a style='text-align:center' href='#' onclick='javascript:ShowMore(&quot;S4082007-0012&quot;);'>Coil&nbsp;Tubing&nbsp;Operator/Equipment</a></div></td></tr></div><tr><td height=40 width=100px align=center style='text-align:center' valign=middle bgcolor='#9999AA'><div class='sidebar'><div align='center'><a style='text-align:center' href='#' onclick='javascript:ShowMore(&quot;L0008004-0157&quot;);'>Loads&nbsp;Analysis </a></div></td></tr></div><tr><td height=40 width=100px align=center style='text-align:center' valign=middle bgcolor='#EE9922'><div class='sidebar'><div align='center'><a style='text-align:center' href='#' onclick='javascript:ShowMore(&quot;D6452009-0448&quot;);'>Document&nbsp;Layout&nbsp;Specialist&nbs</a></div></td></tr></div><tr><td height=40 width=100px align=center style='text-align:center' valign=middle bgcolor='#CCCCCC'><div class='sidebar'><div align='center'><a style='text-align:center' href='#' onclick='javascript:ShowMore(&quot;L0008004-0161&quot;);'>Technical&nbsp;Trainer&nbsp;</a></div></td></tr></div><tr><td height=40 width=100px align=center style='text-align:center' valign=middle bgcolor='#00AAAA'><div class='sidebar'><div align='center'><a style='text-align:center' href='#' onclick='javascript:ShowMore(&quot;A0029005-0025&quot;);'>Q.A.&nbsp;Engineer </a></div></td></tr></div><tr><td height=40 width=100px align=center style='text-align:center' valign=middle bgcolor='#888888'><div class='sidebar'><div align='center'><a style='text-align:center' href='#' onclick='javascript:ShowMore(&quot;E0001008-0090&quot;);'>Clerk&nbsp;&nbsp;Secret&nbsp;Clearance</a></div></td></tr></div></table>
</body>
</html>

关于css - 在 IE 7/条件 CSS 中居中文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1303302/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com