맨날 table에만 css 속성을 줬는데...div에 주려니...모르겠네요 @_@ > 자유게시판

자유게시판

맨날 table에만 css 속성을 줬는데...div에 주려니...모르겠네요 @_@ 정보

맨날 table에만 css 속성을 줬는데...div에 주려니...모르겠네요 @_@

본문

<table>
<tr>
<th>번호</th>
<th>카테고리</th>
<th>제목</th>
<th>글쓴이</th>
<th>날짜</th>
<th>추천</th>
<th>비추천</th>
</tr>
</table> 이렇게 해서 ㅎ class에 이래저래 속성값을 줬는데...
div로 하려니...완전 빙글빙글이네요...
jy 베이직 스타일처럼 주려고 하는데 +_+ 어디 div 공부할곳이 없을까요 ?



추천
0

댓글 15개

리스트을...div로도 하나요?...
전 div쓰긴하지만 게시판은 테이블써요...
오른쪽에 추천이 생기면 div로 처리하기 까다로워서;; td는 넣으면 자동으로 사이즈가 생기지만
div경우에는 float하면 100%을 줘버려도 사이즈가 안맞기땜시;;

div로 만든건 본적이없는듯합니다...
기본적으로
번호 카테고리 제목 글쓴이가 있다면
div에서는 float해서 width 값을 지정해줘야하는데
여기서 추천 비추천이 생기면 또 위드값을 지정해줘야 하기때문에
테이블이 리스트나 게시판에서는 효율적이라 생각이듭니다.

테이블처럼 width100% 해놓고 td하나 놓으면 자동으로 ul li 늘어난다거나 하지않기땀시..
게시판 목록이 단순 제목의 나열 혹은 제목+작성자 정도로 간략하다면 ul 이 의미에 맞겠지만,
자유게시판처럼 번호 제목 작성자 조회 날짜 등 2차원 데이터의 나열이라면 table 이 의미에 맞습니다.
이것은 스크린리더로 테스트를 해보면 가장 명확하게 알아보실 수 있는데,
아이폰, 패드 사용 중이시라면 보이스오버 기능을 켜시고 table 을 읽어보시면 됩니다.

결론은 골머리 썩지 마시고 table ㅎ
div와 css 셋트로 몇 가지 샘플링을 만들어놓고 매번 쓸 때마다 조금씩 수정해가며 쓰면 편하긴 합니다.
아니면 제아무리  div 코딩이래도 완전 깨알 노가다가 되곤 하더군요.
약간의 특성 아닌 특성을 타는 플랫폼들도 있고..
전체 199,640 |RSS
자유게시판 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT