테이블에 100%에서 여백주기
율하
HTML
!-- 테이블 시작 --
div class=tableWrap
table class=tbList summary=
/table
/div
!-- 테이블 내용 종료 --
css
.tableWrap { width: 100%; border-bottom: 1px solid #e5e5e5; margin-bottom:28px; position: relative; }
.tbList { width: 100%; padding-left: 30px; padding-right: 50px;}
.tbList caption { display: none; }
.tbList thead th { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 11px 0; text-align: center;}
.tbList tbody td { padding: 11px 0; border-top: 1px solid #e5e5e5; text-align: center; }이런식으로 테이블이 짜여져 있습니다.
.tableWrap영역 100% 안에서 tbList을 왼쪽 오른쪽으로 여백을 두워야하는데.. 잘안되네요.. 왜 그러는지.ㅣ.
그리고, 위에 css처럼 영역을 주면 전체 영역에 영향을 받게 됩니다.
어떻게 해야할까요?
-
딥자두
그럼 어떻게 해야하는거죠?
-
은소라
m + b + p + w = 전체길이.. 100%가 전체길이를 가르키는 시점에서 padding의 길이만큼 늘어나서.. 커집니다.