묻고답하기
웹표준 div 높이 100% 만들고, 테이블 가운데 넣기
2010.10.27 16:57
윈도우 창에 맞춰 div를 짜고, 정 가운데 table을 넣으려고 합니다.
아래와 같이 짯는데... 안되네요;
뭐가 문제일가요?
도움 부탁드립니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>TEST</title>
<style type="text/css">
html, body { width:100%; height: 100%; margin: 0; padding: 0; font-family: vendra, gulim, dotum, sens-serif; font-size:12px; }
#wrapper { position:relative; min-width:100%; min-height:100%; _height:100%; text-align:center; vertical-align:middle; }
</style>
</head>
<body>
<div id="wrapper">
<table style='border-width:1px; border-collapse:collapse;' border="1" cellspacing="0" cellpadding="0" width="300">
<tr>
<td>
테스트!
</td>
</td>
</table>
</div>
</body>
| 글쓴이 | 제목 | 최종 글 |
|---|---|---|
| XE | 공지 글 쓰기,삭제 운영방식 변경 공지 [16] | 2019.03.05 by 남기남 |
| 샤릉해 | 해외 접속시 빠른 호스팅 추천 해주세요. [2] | 2009.02.09 by 샤릉해 |
| 복음누리 |
첨부파일 용량문제~ 모듈, 게시판설정해도 안되네요~
[3]
 | 2009.02.09 by 복음누리 |
| 병우군 | 위젯 사용시.. [4] | 2009.02.09 by 병우군 |
| 가람엔 |
로그인창과 달력창 간격 조절
[3]
| 2009.02.09 by 궁금이2 |
| 가보륨 | 홈페이지 만드려합니다...하나도 모르겠어요 [1] | 2009.02.09 by 궁금이2 |
| 김현도970 | 관리자 페이지 로딩 속도 [3] | 2009.02.09 by 비나무 |
| 티파니…♡ | XE재설치 했는데요.... [1] | 2009.02.09 by 비나무 |
| 누라p | zb4->zb4 [2] | 2009.02.09 by 누라해송 |
| 최소영329 | 인쇄버튼 누르면 글자가 너무 작게 인쇄되요. [1] | 2009.02.09 by 비나무 |
| 곰팡이와춤을 | 설치후 첫 로그인이 안되요!!! [1] | 2009.02.09 by 비나무 |
| 김상태 | 파일명을 질문 드릴까합니다. [1] | 2009.02.09 by 비나무 |
| 홍현기506 | 게시판 내 셀 크기 조정 [1] | 2009.02.09 by 비나무 |
| zbxe초보 | [질문] 게시판에 글쓴이 일괄변경 가능한가요? [1] | 2009.02.09 by 비나무 |
| 포레버 | 브라우저 캐쉬로 인한 프로필이미지 문제 [1] | 2009.02.09 by 비나무 |
| 돌베개야곱 | 업데이트 후 첨부파일 [1] | 2009.02.09 by 비나무 |
| 싴신 | 제로보드XE 로그인 코드생성 한뒤에 어떻게하나요?ㅜㅜ [1] | 2009.02.09 by 비나무 |
| HaMel | files.... 복구 할 방법 없을까요..ㅜㅜ? [3] | 2009.02.09 by 비나무 |
| 안성민169 | I.E에서 글자 겹침 현상 [3] | 2009.02.09 by 안성민169 |
| 하나둘셋p | 제로보드 사용 권한??? [1] | 2009.02.09 by [_)s |
| 청개굴이 | 무료계정 쓸만한가요..? [1] | 2009.02.09 by 주사위내기 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<title>TEST</title>
<style type="text/css">
html, body { width:100%; height: 100%; margin: 0; padding: 0; font-family: vendra, gulim, dotum, sens-serif; font-size:12px; }
#wrapper { position:relative; min-width:100%; min-height:100%; _height:100%; text-align:center; vertical-align:middle; }
/* 높이의 절반과 너비의 절반 만큼 margin 을 이용하여 조절 해 줍니다. 테이블의 스타일에서 말입니다*/
</style>
</head>
<body>
<div id="wrapper">
<table style='width: 300px; border-style: solid; border-width: 1px; top: 50%; left: 50%; position: absolute; height: 200px; text-align: center; margin: -100px 0pt 0pt -150px; border-color:black' cellspacing="0" cellpadding="0">
<tr>
<td>
테스트!
</td>
</td>
</table>
</div>
</body>