정말이 말을 듣고 있습니다.IE 7/조건부 CSS의 텍스트 가운데 맞추기
사이트는 IE7을 제외하고 모든면에서 멋지게 보이며 중심으로 만들기 위해 모든 것을 시도했습니다.
http://talentforceinc.com/Employer_Home.html
나는 IE 선언 조건부 CSS있어, 인라인 텍스트 정렬 추가 한 : 중앙 태그를하지만, 알 수없는 이유로 왼쪽에있는 멀티 바의 텍스트를 중심으로하지 않습니다 .
의견이 있으십니까?
예, 코드가 지금은 추한 것을 알고 있습니다.하지만 모든 것을 중심으로 한 시도에서 완전히 망가져 있습니다.
미리 알려 주셔서 감사합니다.
IE 개발자 도구는 페이지가 여기에 있습니다 언급되고 .... 참고로
, 방화범과 동일하지 않습니다 : http://talentforceinc.com/Employers_Home.html.
여기에 언급 된 특정 코드는 http://www.i-simplyrecruit.com/isrjobs/talentforce/ShowJobColors.asp이며 참조 용으로 아래에 표시되어 있습니다.
첫 번째 문제는 (언급했듯이) 코드가 추악합니다. 는 것을보고 매우 어렵다는 사실 그래서 추한 :
미완성 HTML 공간 엔티티 (& NBSP;)이있다이러한 오류를 수정 한 후에 테이블 너비를 185로 설정하고 각 테이블 셀 너비를 100으로 설정했음을 알았습니다. 테이블 셀이 테이블의 전체 너비를 차지하지 않도록 유지합니다. 그 안의 텍스트는 테이블의 너비 내에 집중 될 수 없습니다. 셀 너비를 제거하면이 문제가 해결됩니다.
내가 수정되지 않은 원래 코드로 테스트 페이지를 업로드 한 내 변화의 결과 : 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("P0006008-0032");'>Contractor Engineer 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("N0003008-0077");'>.Net & Sql server 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("S5696007-0004");'>Cementing Service 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("S4082007-0012");'>Coil Tubing 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("L0008004-0157");'>Loads 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("D6452009-0448");'>Document Layout 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("L0008004-0161");'>Technical Trainer </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("A0029005-0025");'>Q.A. 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("E0001008-0090");'>Clerk Secret Clearance</a></div></td></tr></div></table>
</body>
</html>
큰 잡기, 나는 그 테이블/셀 너비에 대해 궁금해했다. – Sneakyness
때로는 엉망 코드로 끝날 경우, 당신은 펀트하고 다시 시작할 필요가 있습니다.
단일 열 테이블 대신 정렬되지 않은 목록이 더 잘 작동합니다.
ul.nav {list-style:none;padding:0;}
ul.nav li {width: 200px; height: 40px; line-height:40px; vertical-align:middle; text-align:center;}
ul.nav li a {color:#fff;text-decoration:none;}
.man {background-color:#ade;}
.tech {background-color:#fc5;}
.hr {background-color:#2a5;}
<ul class="nav">
<li class="man"><a href="#">Man</a></li>
<li class="tech"><a href="#">Tech</a></li>
<li class="hr"><a href="#">HR</a></li>
</ul>
링크가 작동하지 않습니다. – Pat
나를 위해 일하지 않는다 – Guilherme