FireFox와 일치하지 않는 테이블 테두리

IE 및 Chrome에서 잘 렌더링되는 테이블이 있습니다. 그러나 파이어 폭스에서는 국경의 일부가 임의적으로 보이지 않거나 폭이 다릅니다. 예 Here을 볼 수 있습니다. 다음은 관련 CSS입니다.FireFox와 일치하지 않는 테이블 테두리

table { 
      font-size: 1.0em; 
      border-collapse: collapse; 
      border: 3px solid #004C87; 
      margin: 5px 5px 5px 5px; 
    } 


    th, td { 
      padding-top: 7px; 
      padding-right: 5px; 
      padding-bottom: 5px; 
      padding-left: 5px; 
      border: 1px solid #004C87; 
      text-align: left; 
      vertical-align: top; 
      line-height: 1.3em; 
    }

아래 이미지에서 다른 브라우저에서 렌더링 할 때 스크린 샷을 찍었습니다. 검은 색 화살표는 선/경계가 표시되지 않는 상황을 나타냅니다. 빨간색 화살표는 너비가 다른 상황을 보여줍니다.

이 표를 반복하면 발생은 임의적입니다. 난 당신이 파이어 폭스에서 단지 약간 축소해야이 시점에서 확신으로

enter image description here

출처

2011-09-17 M Schenkel

어떤 버전의 Firefox입니까? 그것은 FF 6.0.2에서 멋지게 보인다. FF로 조금 축소하지 않았습니까? – attack

나는 6.0.2도 가지고있다. 내가 아는 한, 나는 zommed되지 않았다. 화면 해상도는 1440x900이다. –

나는 대답으로 이것을 게시하도록하겠습니다. 시도해보십시오 Ctrl+0

제공된 이미지에서 두 개의 표를 비교하면 아래쪽이 위의 그림보다 약간 큽니다.

출처

2011-09-17 03:17:51 attack

예 - 당신은 절대적으로 맞습니다 !! 한 번에 그 일을하기 위해 외래 키를 눌러야합니다. 고집을 들어 주셔서 대단히 감사합니다. –

테두리가 나타나지 않아야 할 때 문제가 발생했습니다.

border-collapse:separate;

나는 그것이 직접 대답하지 알고 있지만, 검색이 날 여기를 가져왔다 : 나는이 그것을 해결.

출처

2012-10-31 20:12:31 nabeezy

FireFox와 일치하지 않는 테이블 테두리

답변

관련 문제