table caption 버그로 td 넓이지정 불가

표의 제목 즉 th 가 없는 디자인의 표를 만들때 

넓이가 조정 되지않는다. 

 

이유는 caption 에 position absolute 가 걸려있기 때문 (이유는 나도몰랑)

 

 

 

 

 

해결해주기 위해서  포지션을 초기화 시켜 버린다. 

그럼 

 

 

.news_page table caption {

  position: static;

}

 

 

그럼 캡션이 1X1 로 잡히나 크게 영향이 없음

 

(가상의 th를 만들어주는건 접근성에 위반대므로 안됨)

 

---

테이블 캡션버그

- 테이블에 <thead>가 없을 경우 발생

- <caption>이 position: absolute 일 경우 칸의 길이 조정이 안됨

 

방법1

 

colgroup 을 만들어 col width 로 지정해준다 

단 > html 태그를 일일히 조정해주어야하기때문에 매우 번거롭고

백엔드에서 작업할때도 불편 

 

방법2 

해당페이지에서만 캡션의 포지션엡솔을 풀어줌