table 안에 div width:100% 지정시 문제 > IT Tip&Tech

본문 바로가기
사이트 내 전체검색


회원로그인

IT Tip&Tech

table 안에 div width:100% 지정시 문제

페이지 정보

작성자 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 작성일12-10-24 00:28 조회8,367회 댓글0건

본문

table 태그 안에 div style 에 width:100% 를 넣어 줬을경우 

div 때문에 테이블이 직~ 늘어나는 현상이 있습니다. 

이는 테이블의 width 값을 입력하지 않았을때 발생합니다. 

이럴때는 두가지를 넣어주면 해결됩니다. 


1. 테이블 스타일에 table-layout:fixed; 를 넣어줍니다. 

<table style='table-layout:fixed;'>

2. 비록 가변적인 td 라도 width 값을 넣어줍니다. 

<tr>
<td width='110px'></td>
<td width='80%'></td> <-- 요거
<td width='110px'></td>
</tr>

솔직히 두번째 방법은 좀 야매긴 한데 레이아웃이 망가지거나 그러진 않습니다...

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

IT Tip&Tech 목록

Total 139건 6 페이지
IT Tip&Tech 목록
번호 제목 글쓴이 날짜 조회
64 stl reference 사이트 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11-06 8904
63 <tr> style 에는 border 가 없나요? 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 11-02 10148
62 div 안에 글자를 자동으로 잘라주는 style 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-25 7875
61 그누보드 관리자 페이지 메뉴 레이어 위치문제 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-25 8663
60 css style visibility:hidden 과 display:none 의 차이 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-25 9580
59 css 그라데이션에 관한 팁 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-24 9344
열람중 table 안에 div width:100% 지정시 문제 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-24 8368
57 C# 마우스 드래그 시키기 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 10-06 11000
56 사이트나 블로그에 페이스북 플러그인 달기 완벽정리 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 09-26 11050
55 div 이미지 사용시 하단의 여백 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 09-18 10814
54 [CSS] 익스플로러9 에서도 둥근모서리를 사용해 보자 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 08-09 7964
53 [CSS] float:left 시 부모 div 에 넘칠때 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 08-09 9303
52 jquery Cannot call method 'click' of null 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 07-26 7978
51 C# 스트링과 바이트 배열 변환 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 07-19 9923
50 CSS background 옵션 인기글 black_H 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 07-03 8735
게시물 검색

접속자집계

오늘
580
어제
650
최대
3,675
전체
1,063,170
회사소개 개인정보취급방침 서비스이용약관
Copyright © LittleCandle All rights reserved.
문의메일 : littlecandle99@gmail.com
상단으로
모바일 버전으로 보기