[HTML&CSS Base Project] 210816 notice & free

.　HTML&CSS Base Project

박인영 2021. 8. 24. 17:23

헤더와 푸터는 index 내용을 그대로 사용하면 되었기 때문에

그다음 페이지들은 구현이 좀 더 수월했다.

게시판 형식은 <table> 태그를 이용하였는데

셀별로 칸 크기를 고정하는 것이 잘 되지 않았다.

css로 너비 값을 주어도 td안의 text 길이의 비율로 너비 값이 결정되었다.

overflow: hidden 속성으로 제목이 길 경우 생략되게 해도,

table-layout: fixed 속성을 주어도 너비를 내가 원하는 크기로 할 수 없었다.

결국 검색하여 <colgroup> 태그를 사용하였다.

각각의 셀을 <col width="">이용하여 너비 값을 주니 원하는 크기로 잘 고정되었다.

하지만 HTML 검사를 하면 <col width="">에서 에러가 발생되었다.

다시 검색하여 <col style="width: 80px">로 수정하니 에러가 사라졌다.

우선은 너비를 고정했지만, 과제 제출 이후 이 부분에 대해 선생님께 질문해봐야겠다.