그누보드 활용해서 작업중인데 이런거 경험해보신분 계시면 답변좀 부탁드립니다. 정보
그누보드 활용해서 작업중인데 이런거 경험해보신분 계시면 답변좀 부탁드립니다.본문
div 로 레이아웃을 짰는데, 일반 페이지에서는 잘되고
아래 내용으로 그누보드 게시판에서 허더,푸더 적용하고 게시판을 들어가면 화면이 로딩되면서 야깐
우측으로 움직였다가 중앙정렬이 됩니다.
어딘가에서 코딩이 잘못된것 같은데 고수님들 합 바주심 감사하겠습니다.
************ 헤더부분 **********************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="Ko" lang="Ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<meta http-equiv="imagetoolbar" content="no">
<META HTTP-EQUIV="Pragma" ConTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" ConTENT="no-cache">
<title>▒▒ 타이틀 ▒▒</title>
<script src="/js/default.js"></script>
<script src="/flash/flashObject.js"></script>
<script src="/flash/flashLink.js"></script>
<style type="text/css">
body{scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #D8D8D8;
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #D8D8D8;
scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #F6F6F6;
scrollbar-arrow-color: #333333;
overflow-x:hidden;
overflow-y:auto;}
body {background-image: url(/include/images/main_bg.jpg);
background-repeat:repeat-x}
.sub_t {color:#737373;text-decoration:none;font-family:돋움;font-size:8pt; ;letter-spacing:-1px;padding-left:10;}
.sub_t_01 {color:#65990d;text-decoration:none;font-family:돋움;font-size:8pt; ;letter-spacing:-1px;}
body{text-align:center; margin-top:0;}
#wrapper{width:930px;border:1px ;solid #000000;}
#submenu,#body,#sidebar, #subtitle_01, #subtitle_02, #content, #foot{float:left;}
#submenu,#sidebar{width:220px; height:283;}
#body{width:930px;}
#subtitle_o1{width:auto;}
#subtitle_02{width:auto; margin-top:22;}
#content{width:710px;height:513px; margin-top:30;}
#subvisual{height:176px;}
#topmenu{height:86px;}
#foot{clear:both;height:40px; margin-top:50;}
</style>
</head>
<body >
<!--- 전체 감싸는 div --->
<div id="wrapper">
<!--- 상단비주얼 --->
<div id="subvisual"><script>flashObject("/flash/sub_Visual.swf","","930","176")</script></div>
<!--- 상단메뉴 --->
<div id="tobmenu"><script>flashObject("/flash/navi.swf","pageNum=1&sub=1","930","80")</script></div>
<!--- 바디 감싸는 Div --->
<div id="body">
<!--- 좌측메뉴 --->
<div id="submenu"><script>flashObject("/flash/leftMenu_01.swf","pageNum=1","220","283")</script></div>
<!--- 서브타이틀 --->
<div id="subtitle_01"><img src="images/title_01.jpg" border="0"></div>
<div id="subtitle_02" class="sub_t">Home > 큰제목 > <span class="sub_t_01">소제목</span></div>
<!--- 본문내용 --->
<div id="content">
************ 푸더부분**********************
<script>flashObject("/flash/about.swf","","665","513")</script></div>
</div>
<!--- 카피라이터 --->
<div id="foot"><script>flashObject("/flash/footer.swf","","930","40")</script></div>
</div>
</body>
</html>
아래 내용으로 그누보드 게시판에서 허더,푸더 적용하고 게시판을 들어가면 화면이 로딩되면서 야깐
우측으로 움직였다가 중앙정렬이 됩니다.
어딘가에서 코딩이 잘못된것 같은데 고수님들 합 바주심 감사하겠습니다.
************ 헤더부분 **********************
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="Ko" lang="Ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<meta http-equiv="imagetoolbar" content="no">
<META HTTP-EQUIV="Pragma" ConTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" ConTENT="no-cache">
<title>▒▒ 타이틀 ▒▒</title>
<script src="/js/default.js"></script>
<script src="/flash/flashObject.js"></script>
<script src="/flash/flashLink.js"></script>
<style type="text/css">
body{scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #D8D8D8;
scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #D8D8D8;
scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #F6F6F6;
scrollbar-arrow-color: #333333;
overflow-x:hidden;
overflow-y:auto;}
body {background-image: url(/include/images/main_bg.jpg);
background-repeat:repeat-x}
.sub_t {color:#737373;text-decoration:none;font-family:돋움;font-size:8pt; ;letter-spacing:-1px;padding-left:10;}
.sub_t_01 {color:#65990d;text-decoration:none;font-family:돋움;font-size:8pt; ;letter-spacing:-1px;}
body{text-align:center; margin-top:0;}
#wrapper{width:930px;border:1px ;solid #000000;}
#submenu,#body,#sidebar, #subtitle_01, #subtitle_02, #content, #foot{float:left;}
#submenu,#sidebar{width:220px; height:283;}
#body{width:930px;}
#subtitle_o1{width:auto;}
#subtitle_02{width:auto; margin-top:22;}
#content{width:710px;height:513px; margin-top:30;}
#subvisual{height:176px;}
#topmenu{height:86px;}
#foot{clear:both;height:40px; margin-top:50;}
</style>
</head>
<body >
<!--- 전체 감싸는 div --->
<div id="wrapper">
<!--- 상단비주얼 --->
<div id="subvisual"><script>flashObject("/flash/sub_Visual.swf","","930","176")</script></div>
<!--- 상단메뉴 --->
<div id="tobmenu"><script>flashObject("/flash/navi.swf","pageNum=1&sub=1","930","80")</script></div>
<!--- 바디 감싸는 Div --->
<div id="body">
<!--- 좌측메뉴 --->
<div id="submenu"><script>flashObject("/flash/leftMenu_01.swf","pageNum=1","220","283")</script></div>
<!--- 서브타이틀 --->
<div id="subtitle_01"><img src="images/title_01.jpg" border="0"></div>
<div id="subtitle_02" class="sub_t">Home > 큰제목 > <span class="sub_t_01">소제목</span></div>
<!--- 본문내용 --->
<div id="content">
************ 푸더부분**********************
<script>flashObject("/flash/about.swf","","665","513")</script></div>
</div>
<!--- 카피라이터 --->
<div id="foot"><script>flashObject("/flash/footer.swf","","930","40")</script></div>
</div>
</body>
</html>
댓글 전체
간혹 이미지의 길이 높이를 지정해주지않을때 로딩되면서 그러한 현상이 나타나던데..
