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