2011-09-23 7 views
8

CSS가 부족하여 두통을 겪고 있습니다. 다음은이 그림에 제시된 바와 같이, 불을 지르고에서 캡처 : 나는 테이블 구성 요소 클래스 이름 M2M 모달 테이블 부여하고 나는 min-을 설정하려는 만약 angel이라는 프레임 워크와 같은 GWT를 사용테이블 행 높이 설정

enter image description here

해당 테이블의 네 행에 대한 높이. 그러나, 나는 그것을 작동시킬 수 없습니다 .. 그리고 당신이 이미지에서 볼 수있는 테이블도 클래스 이름 m2m - 모달 - 테이블하지만 v 테이블 테이블 대신 이미 설치 프레임 워크 라이브러리를 사용하고 있기 때문에 스타일이 내 참여 외부에 추가되고 있습니다.

그래서 CSS 클래스를 잘 알고있는 사람이라면 테이블의 행 높이를 설정하기 위해 스타일 시트에 무엇을 써야할까요?

감사합니다.

편집 : 도움을 청합니다.

.m2m-modal-table .v-table-table th, 
.m2m-modal-table .v-table-table td { 
    height: 55px; 
    min-height: 55px; 
} 

에만 해당 테이블과 응용 프로그램의 모든 테이블에 스타일을 설정합니다 : 그리고으로 CSS를 작성하는 것을 발견했다.

답변

10

높이를 항상 셀이 아니라 셀로 설정하십시오.

.v-table-table th, 
.v-table-table td{ 
    height: 55px; 
    /* min-height: 55px; EDITED */ 
} 

할 것 (min-height 혼자 이 작동하지 않습니다).

편집 : djsadinoff가 쓴대로 min-height는 어디에서나 작동하지 않습니다. IE8과 IE9는 min-height을 해석하지만 다른 브라우저에서는 그렇지 않습니다.

+0

yea 그것은 작동해야하는 것처럼 보이지만, 그렇지 않습니다 ... 저는 완전히 혼란 스럽습니다. 나는 많은 조합을 시도했지만 아무것도 작동하지 않는 것 같습니다. 다른 생각이 있으십니까? CSS 클래스 이름을 m2m-modal-table으로 바꾸는 것입니다. – AndroidHustle

+0

파이어 폭스 파이어 버그 (firebug)에서 스타일이이 셀들에 영향을주고 그들을 덮어 씌워야한다. '! important'를 사용해 볼 수도 있습니다. 사이트를 보지 않고는 더 이상 당신을 도울 수 없습니다. – avall

+0

와우! 그 마지막 편집이 마술을했습니다! 감사! 이제는 응용 프로그램의 모든 테이블이 아닌이 테이블에만 영향을 미칠 수있는 방법을 찾아야합니다. =) – AndroidHustle