td
요소 내에 절대적으로 배치 된 내용을 사용할 때 문제점을 발견했습니다. 콘텐츠가 body
에 상대적인 위치에 있으므로 td
요소가 위치 지정된 요소로 인식되지 않습니다. 이 문제는 FireFox에서만 발생하며 예상 레이아웃은 다른 브라우저 (jsfiddle)에서 볼 수 있습니다.디스플레이에 Firefox 문제 : 절대 테이블 셀에
주위를 약간 파고 드는 것은이 문제가 표 셀의 기본 표시 유형으로 display:table-cell
을 사용하는 FireFox와 관련이있는 것으로 보입니다. 디스플레이를 block
으로 변경하거나 div
컨테이너를 추가하여 콘텐츠에 배치 된 컨테이너 역할을 수행하여 문제를 해결할 수 있습니다.
셀의 디스플레이 유형을 block
으로 변경하지 않는 이유는 무엇입니까? 한 브라우저에서 문제를 해결하기 위해 요소를 추가하는 대신이 방법을 사용하는 것을 선호합니다.
div style absolute in a table cell 또는 Why "display: table-cell" is broken when "position: absolute"과 같은 문제는 아닙니다.
+1 나는 몇 일 전에 같은 문제가 있었는데, 나는 내가하려고 한 일을 바꿀 것을 강요 당했다. –
@ric_bfa - 내가 무엇을 유발하는지 알았으니 이제 다른 것보다 더 성가심을 느낍니다. IE7조차 예상대로 동작하고 FireFox가 그렇지 않을 때 세상은 끝나고 있다고 생각했습니다. 여기서는 – detaylor
과 같지만, IE는 작동합니다. 다른 사람은 확실히 잘 할 것입니다. 그러나이 경우에는 큰 놀라움이었습니다. –