div height 100% 관련입니다.
Posted: 2009 09 24 13:49 27
Code: Select all
<!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 http-equiv="Content-Type" content="Application/xhtml+xml; charset=utf-8" />
<meta name="title" content="" />
<meta name="author" content="" />
<meta name="subject" content="" />
<meta name="keywords" content="" />
<title>포항시 버스정보시스템</title>
<link href="../common/css/searchPop.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../common/js/script.js" ></script>
<style type="text/css">
#popWrap {min-height:100%;padding:0 12px;background:url(../../busSearch/img/popWrapBg.gif) repeat-x;border:1px solid red }
#popWrap:after {display:block; clear:both; content:" "; visibility:hidden; height:0}
* html #popWrap {height: 100%;}
#test {height:100%; border:1px solid blue;}
</style>
</head>
<body>
<div id="popWrap">
<div id="test">
test
</div>
</div>
</body>
</html>
그 밑에 자식엘레멘트 test 또한 100%든 50%든 %로 높이값을 주어서 브라우저 크게 상관없이
상대적으로 높이가 늘어나게 할려면 어찌해야 할까요..ㅠㅠ
플래시처럼 브라우저에 상관없이 보여지게 할라고 하거든요..
어제부터 고생고생을 하고 있는데 답을 찾을수가 없습니다 ㅠㅠ