관리자가 표시 될 때까지 표가 제대로 표시되지 않으면 모든 것이 올바르게 표시됩니다.Firefox 표 테두리 불일치 - 관리자가 열리지 않을 때

표시 할 표가 있으며 셀 주변에 경계선이 필요합니다. 일부 셀은 단순히 테두리를 일관되게 표시하지 않습니다. 내가 페이지를 새로 고치면 세포가 우연히 알 수 있습니다. 그런 다음 Developer>Inspector 옵션을 선택하면 모든 셀이 즉시 올바르게 표시됩니다. 또한 브라우저의 크기를 조정하면 표가 올바르게 표시됩니다. 크롬에 동일한 페이지를 표시 할 때 셀은 항상 윤곽이 그어집니다. 진짜 단서는 검사관을 열면 테이블이 올바르게 표시된다는 것입니다. 검사관은 무엇을하고 있습니까? Mozilla 버전 53.0.2를 사용하고 있습니다. 여기

테이블 스타일입니다 : 행의 두 가지 스타일, 'specialRow'또는 'outlinedRow'중 하나가 있습니다

<style> 
.statusTable { 
    width:100%; 
} 
.specialRow td { 
    padding:3px; 
    padding-top:20px; 
    background-color:#EEE; 
} 
.outlinedRow td { 
    padding:3px; 
    border-width:1px; 
    border-style:solid; 
    border-color:grey; 
} 
.statusTable tr th{ 
    padding:3px; 
} 
</style>

. 페이지가 가를 새로 고칠 때 나는이 얻을 :

을하지만이 관리자를 시작하는 경우, 디스플레이가 수정됩니다 : 내가 찾아 무엇을해야

어떤 아이디어?

편집 1

이것은 분명히 확대/축소와 관련이 없습니다. 모든 확대/축소 수준에서 동일한 문제가 발생합니다. 리프레시는 무한한 눈금을 100 % 눈금으로 그리며, 확대 및 축소 할 때 그리드가 표시되지 않습니다. 때로는 격자의 다른 부분을 확대/축소하면 사라집니다.

나는 border-collapse: separateborder-collapse: initial과 border-collapse: collapse으로 테스트했으며 모든 경우에 문제가 발생합니다.

출처

2017-05-16 AgilePro

"tbody"태그가 일치하지 않는 것이 문제였습니다. 나는 블록 <tbody>을 열고 다른 블록은 슬래시가 없었다. 레이아웃에 많은 문제를 야기하는 것은 놀라운 일이 아닙니다. 그러나 이상한 것은 인보이스를 가져 오는 것이 분명히 나타나고 그 시점에서 HTML의 유효성을 검사하여 아무런 표시없이 문제를 바로 잡는 것입니다. 초기 페이지로드시 Chrome이 수정 된 것으로 보입니다.

tbody 끝 태그가 고정되었으며 모든 것이 올바르게 작동합니다.

참고 : 부트 스트랩에 대한 의존성을 확인했습니다. 부트 스트랩 CSS 파일을 제거하면 전체 레이아웃이 손상되었지만 테이블 테두리가 정확합니다. tbody 이외의 태그를 시도했는데이 문제가 없었습니다. 그래서 unbalanced tbody와 boostrap와 테두리 사이에 불확정적인 연결이 있지만, 더 이상의 세부 사항을 찾을 시간이 없습니다.

출처

2017-05-16 19:53:51 AgilePro

Firefox 표 테두리 불일치 - 관리자가 열리지 않을 때

편집 1

답변

관련 문제