2014-12-22 1 views
-4

나는 아래 표와 그 크롬과 파이어 폭스에서 예상대로 작동하지 않는 아래 CSS를 가지고 있습니다. 대신 어두운 테두리 색상을 표시합니다. 어떻게 해결할 수 있습니까? 어떤 도움을 주시면 감사하겠습니다.css border-color : -moz-use-text-color가 크롬에서 작동하지 않습니다.

TABLE { 
    BORDER-RIGHT: 0px; 
    PADDING-RIGHT: 0px; 
    BORDER-TOP: 0px; 
    PADDING-LEFT: 0px; 
    PADDING-BOTTOM: 0px; 
    MARGIN: 0px; 
    BORDER-LEFT: 0px; 
    PADDING-TOP: 0px; 
    BORDER-BOTTOM: 0px 
} 

<table width="760" border="0" align="center" cellspacing="2"cellpadding="2" bordercolor="#CCCCCC" style="margin:0 auto;"> 
<tr> 
<td width="100%" align="center" colspan="2" style="margin: 0px auto;"> 
//...code...// 
</td> 
</tr> 
</table> 

추가 된 테이블의 코드와 CSS : 아래

사전

감사가 완료 CSS입니다. td에 대한 아래 CSS를 찾으십시오.

TD { 
    font-family: tahoma,sans-serif; 
    font-size: 80.5%; 
    vertical-align: top; 
} 

IE8에서 모든 테두리는 기본 테두리 색을 ff 및 크롬 테두리 색이 검정색 인 곳으로 사용합니다. 도와주세요!

+0

나머지 코드는 무엇입니까? 둘째로 어떻게 작동해야합니까? – NoLiver92

+0

"완전한 CSS"에 테두리 색 정의가 포함되어 있지 않습니까? –

+1

'border-right'등의 속성은 너비, 색상 및 스타일을 나열해야합니다. 그리고 '패딩 : 0'이라고 말할 수 있습니다. –

답변

2

HTML 4.01의 스타일, 인라인 스타일 및 사용되지 않는 프리젠 테이션 속성이 상당히 혼란 스럽기 때문에 마크 업에 혼란을 일으킬 수 있습니다 (브라우저에 충돌하고 혼란스러운 지침을주는 경우도 있음). 마크 업에서) colspan 제외하고 (모든 인라인 스타일과 표현 적 속성을 제거 및 CSS에 배치)

: 1;로 시작하려면

, 우리는에 의해, 모든 것을 정돈

2) CSS 자체 정리.

이 우리에게 제공합니다

CSS :

table { 
width: 760px; 
margin: 0 auto; 
padding: 0; 
border: 1px solid #ccc; 
} 

td { 
width: 100%; 
margin: 2px auto; 
padding: 2px; 
font-family: tahoma, sans-serif; 
font-size: 80.5%; 
vertical-align: top; 
} 

HTML :

<table> 
<tr> 
<td colspan="2"> 
//...code...// 
</td> 
</tr> 
</table> 

이제 tableborder-color 모든 브라우저에서 #ccc로 표시되어야한다.

관련 문제