묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
간단한 HTML 도와주세요~
2013.07.07 13:04
안녕하세요
픽업 | 이사 | 송금 | 핸드폰 | 보험 | 유학 | 정비소 | 이민 | ||
미용실 | 병원 | 여행 | 민박 | 변호사 | 컴퓨터 | 부동산 | 기타 | ||
제가 간단하게 테이블로 이런 업소록 리스트를 만들었는데,
이게 제 컴퓨터에서는 잘보이는데,
다른 컴퓨터로 가서 보면 잘보이는곳도 있지만, 밀려서 글씨가 줄이 안맞더라구요
픽 이 송 핸드
업 사 금 폰
막 이런식으로 나와요 다른 컴퓨터에서는
테이블을 만들때 이렇게 안되고 모든 브라우저에 알맞게 만드는 방법이 있는지 궁금합니다
댓글 1
-
구름나무바위
2013.07.07 14:17
-
뮤르시엘라고
2013.07.07 23:27
한번 시도해보겟습니다 -
뮤르시엘라고
2013.07.07 23:28
시간내서 답변해주셔서 정말 너무 감사합니다
테이블 css 초기값입니다.
.tbl{clear:both;position:relative;overflow:hidden}
.tbl table{width:100%;border-collapse:collapse;border:0}
.tbl th{padding:8px 0 5px;font-weight:normal;line-height:18px;border:0}
.tbl td{padding:9px 0 6px;line-height:18px;border:0}
---------------------------------------------
테이블 html 초기값입니다.
<div class="tbl">
<table border="1">
<caption>테이블 제목</caption>
<thead>
<tr>
<th scope="col">1</th>
<th scope="col">2</th>
<th scope="col">3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</tbody>
</table>
</div>
--------------------------------------
이런 형태로 사용을 하셔야 어떤 브라우저에서도 똑같이 보입니다.
<caption>테이블 제목</caption> 없어도 되요.