파이어 폭스 테이블 CSS는 tbody 죽이는 테이블 너비를 생성

Question

나는 IE 전용 사이트를 복용하고 크로스 브라우저 만들기에 노력하고 있습니다. IE, Chrome 및 Safari에서 모든 것이 잘 보입니다. 그러나 파이어 폭스는 행복하지 않다.

"datatable"이라는 테이블 클래스가 있습니다. 이름이 데이터 테이블을 제안하는 것과 같습니다. 나는 그것이 포함되어 div의 너비의 100 %로 스트레칭 얻으려고 노력하고 있습니다. 위의 div는 100 %입니다. 체크하기 위해 방화 녀석을 사용할 때 테이블은 100 %로 늘어납니다. 그러나 Firefox가 생성 한 tbody는 100 %로 늘어나지 않습니다. 그래서 테이블의 행은 tbody만큼 작습니다. 그래서이 문제를 어떻게 해결해야할지 모르겠습니다. 나는 tbody{width:100%;}을 시도했지만 아무런 효과가 없었습니다.

모든 아이디어는 매우 감사하겠습니다.

Answer 1

난 그냥 ...

같은 일반적인 CSS 있었던 CSS를 내부에 ... 내 질문에 대답 좋아

table 
{ 
    border:0px solid #000000; 
    padding:0 0 0 0; 
    border-collapse:collapse; 
    border-spacing:0; 
    display:block; 
} 

내가 디스플레이 제거 : 블록을 모든 것을 내가 table.datatable 정의에 그것에 대해보고했지만, 파일의 일반적인 일을 찾기 위해 생각 했 ... 지금은 잘 작동합니다 ...

Answer 2

이 바보,하지만 당신은 TBODY을 선택하고 있는지 확인 할 수 정확하게

#datatable tbody{width:100%} 

Answer 3

나는 똑같은 문제가 있었는데, 결국 은 헤더 셀의 width 속성을 설정함으로써 해결되었다. (나는 파이어 폭스가 tbody 너비를 결정하기 위해 무엇을 보는지 알았다.)

table.table_class th {너비 : 115px; }

나 같은 경우 일반 CSS를 엉망으로 만들고 싶지 않으면 옵션입니다.

Answer 4

font-size이 100%보다 작은 값으로 설정되어 있는지 확인하십시오. 일부 브라우저 그렇게 <table>에 display:block 필요한 경우

Answer 5

...

table { 
    // Something.. 
    display: block; 
} 
body:not(:-moz-handler-blocked) table { 
    display: table; 
} 

예 케이스 : 당신은 여전히 ​​파이어 폭스에 미리해야하는 경우 전자 우편

을에 HTML 그냥 조금 해킹