묻고답하기
회원가입폼을 레이아웃 안에 넣고싶습니다
2011.10.24 13:39
현재 회원가입클릭시 딱회원가입창만뜨는데요
그걸 회원가입클릭시 레이아웃안에 넣고 싶습니다
<!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="text/html; charset=UTF-8" />
<style type="text/css">
html, body { height: 100%; }
body { background-color: #F5F5F5; background-image: url(/assets/image/layout/bodyBack.png); background-repeat: repeat-x; overflow-x: hidden; }
div#container { background-image: url(/assets/image/layout/middleBack.png); background-repeat: repeat-y; background-position: center top; }
div#container, div#topNav, div#middle, div#bottom, div#leftNav { position: relative; }
div#middle, div#bottom { width:1260px; margin:auto; }
div#topNav { background-color: #1A9DFF; height: 100px;text-align: center; }
div#leftNav { float: left; width: 279px; overflow:hidden; text-align: center; }
div#leftFlash { width: 210px; height: 600px; overflow: hidden; margin-left: 34px; }
div#content { width:781px; overflow: auto; background-color: #fff; }
div#bottom { text-align: center; clear: both; }
div#tip { position: absolute; left: 1100px; top: 100px; }
div#leftNav object { margin: 0; padding: 0; }
</style>
<script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var currentPosition = parseInt($("#tip").css("top"));
$(window).scroll(function() {
var position = $(window).scrollTop();
$("#tip").stop().animate({ "top": position + currentPosition + "px" }, 500);
});
});
</script>
<!--[if lt IE 7]>
<style type="text/css">
*:first-child+html div#leftFlash { margin-left: 0; margin-top: -3px; }
* html div#leftFlash { margin-left: 0; margin-top: -3px; }
* html .png24 {
tmp:expression(setPng24(this));
}
</style>
<script type="text/javascript">
function setPng24(obj) {
obj.width=obj.height=1;
obj.className=obj.className.replace(/\bpng24\b/i,'');
obj.style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+ obj.src +',sizingMethod='image');"
obj.src=';
return '';
}
</script>
<![endif]-->
</head>
<body>
<div id="container">
<div id="topNav">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,3,0,0"width="1260" height="100" id="topNavFlash">
<param name="movie" value="/assets/swf/egnav.swf" />
<param name="wmode" value="transparent" />
<param name="FlashVars" value="isLogged={$is_logged}&mid={$mid}" />
<!--[if !IE]> <-->
<object type="application/x-shockwave-flash" data="/assets/swf/egnav.swf" width="1260" height="100" id="topNavFlash">
<param name="FlashVars" value="isLogged={$is_logged}&mid={$mid}" />
<param name="wmode" value="transparent" />
<p>Flash 로드를 실패했거나 Flash를 지원하는 브라우저가 아닙니다.</p>
</object>
<!--> <![endif]-->
</object>
</div>
<div id="middle">
<div id="leftNav">
<div id="leftTopCap">
<img src="/assets/image/layout/leftTopCap.png" width="277" height="40" alt="Information" class="png24" />
</div>
<div id="leftFlash">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,2,0,0" width="210" height="600" id="leftNavFlash">
<param name="movie" value="/assets/swf/eleft.swf" />
<param name="FlashVars" value="mid={$mid}" />
<!--[if !IE]> <-->
<object type="application/x-shockwave-flash" data="/assets/swf/eleft.swf" width="210" height="600" id="leftNavFlash">
<param name="FlashVars" value="mid={$mid}" />
<p>Flash 로드를 실패했거나 Flash를 지원하는 브라우저가 아닙니다.</p>
</object>
<!--> <![endif]-->
</object>
</div>
<img src="/assets/image/layout/leftBottomCap.png" width="277" height="490" alt="고객센터 032-1464-5885" class="png24" />
</div>
<div id="content">
{$content}
</div>
<div id="tip">
<a href="/idea" target="_self"><img src="/assets/image/layout/tip.png" class="png24" /></a>
</div>
</div>
<div id="bottom">
<img src="/assets/image/layout/bottom.jpg" width="1233" height="110" />
</div>
</div>
</body>
</html>
레이아웃 소느입니다
읽어주셔서 감사하고 답변해주시면 감사하겠습니다 ^^
