2010-06-02 4 views
0

CSS가 뭔지 알지 못합니다. CSS 재설정 후 패딩 적용

은 내가이 스타일

table.home_right_top, .home_right_top table, .home_right_top 
{ 
background-color: #F2F2F2; 
width: 100%; 
padding: 10px 20px 15px 20px; 
} 

있는 테이블을 가지고 있지만 패딩 모든 및 I에서 테이블에 적용되지 않습니다 에릭 마이어의 CSS 리셋 (http://meyerweb.com/eric/tools/css/reset/)

사용 후 벽돌 벽에 달렸다 이유를 알 수 없습니다. 나는 IE7과 IE8을 포함한 모든 브라우저에서 똑같은 동작을 보았지만 어떤 패딩도 보지 못했다. 누군가 내가 여기서 잘못하고있는 것을 말해 줄 수 있습니까?

감사합니다.

table { 
    border-collapse: collapse; 
    border-spacing: 0; 
} 

것을 제거하고 무슨 보는 시도, 테이블 셀 :

편집

이 그의 CSS의 마지막 줄을보고 내 테이블

<table class="home_right_top" border="0" cellspacing="0" cellpadding="0"> 
    <tbody> 
     <tr> 
      <td class="blueHeading14 heading_padding_right" style="width: 64px">Products</td> 
      <td class="rpt_stroke" style="width: 280px">&nbsp;</td> 
     </tr> 
    </tbody> 
</table> 
+1

테이블에 대한 html을 볼 수 있습니까? – edl

답변

0

입니다 block 레벨 요소처럼 자주 작동하지 않습니다. 여기서 진짜 문제는 기본적으로 디스플레이 속성이 상자 모델과 같지 않은 table이므로 이처럼 표 요소의 스타일을 지정하면 안된다는 것입니다.

셀 자체에 패딩을 두거나 테이블에 여백을 추가하십시오.

+0

@mVChr이 안된다고 말한 것 같아요? –

+0

예, div로 변경했습니다. – iJK

0

나를 위해 잘 작동합니다. DocType을 선언 했습니까?

0

TD가 아닌 테이블에 스타일을 적용해야합니다.

table.home_right_top td 
3

문제이며, 그것은 W3의 CSS 속성 스펙 padding가 적용 할 수 있다고하는 리셋 아니에요 : 테이블 행 그룹을 제외하고

모든 요소, 테이블 header- 그룹 테이블 바닥 글 그룹, 테이블 행, 테이블 컬럼 그룹 및 테이블 열

따라서는에 padding을 적용 무효이다. 대신, 유일한 해결책은 margin을 대신 적용하고 <div>에 표를 포장하거나 특수한 클래스로 개별 <td>에 패딩을 적용하는 것입니다.

관련 문제