묻고답하기
웹표준 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 남기남 |
하늘384 | 동영상 게시판 [1] | 2010.10.27 by 김재현573 |
Kess, Jim | 홈페이지가 이상합니다. [1] | 2010.10.27 by 김재현573 |
누리안 | 신디케이션은 그냥 설정하고 놔두면 되나요? [1] | 2010.10.27 by 김재현573 |
박진희827 | 온라인문의 게시판 | |
김경용484 | 서버이전을 할려고 하는데요.. [1] | 2010.10.27 by Gekkou |
vitaJ | "http://www.~.com/"으로 접속이 안됩니다. [3] | 2010.10.27 by Gekkou |
hyperblue | 판올림 후 ''로그인 풀림'' 문제와 관련 질문있습니다. [1] | 2010.10.27 by replayer0 |
사내 | 내가쓴글 모니터 하는법좀 [1] | 2010.10.27 by replayer0 |
rhkr | 갤러리 게시판 생성 [2] | 2010.10.27 by forest535 |
엄경선 | 모바일용 사진갤러리를 만들려고 하는데 스킨이나 프로그램은 어떻게 개발을해야 하나요?? | |
애이스 | 제로보드XE에서 한글 입력이 안되네요. ㅠ_ㅠ | |
Gary189 | module=admin 할때 로그인폼 나오는 소스 파일 위치 아시는분.. [1] | 2010.10.27 by Gary189 |
하늘384 | 정보관리 | |
하늘384 | 관리자로그인 불가능/백지화면 | |
김성호321 | 2차메뉴아래 카운터를 넣고 싶은데요 | |
nyou8797 | 게시판 검색 확장변수검색값 검색어 자동입력 미리 넣어주기 | |
huksley | xe를 쓰다가 textyle을 초기화면에 나오게 하려면 어떻게 해요? [1] | 2010.10.26 by SeklutZ |
길이★ | 서버 이전시 /home/www/계정/xe /home2/www/계정/xe 변경했습니다. | |
중년 | 게시판 내용을 안쪽으로 들이려면.. [2] | 2010.10.26 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>