이전
목록
다음
웹

또 질문드립니다.

웹라이프
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2012-04-20 (금) 14:36:17 · 3273 · 2
웹표준 코딩에서 키피라이터 이미지 처리 문제 문의합니다.
 
테이블할 때에는 괜찮은데..
 
웹표준 코딩된 것을 테이블 처리하듯 상,하단 구분 후에 설정 저장 후 테스트하니 하단의 카피라이터 이미지는 현재 고정 위치가 되어버렸네요.
 
게시판은 글쓰기할 세로크기가 유동적으로(특히 리스트 상태나 글 볼 때) 변화기에 테이블로 할 경우는 자동으로 하단의 카피라이터 이미지가 밑으로 내려갔는데 웹표준 코딩의 div 는 그게 아니더군요.ㅡㅡ;
 
 리스트나, 글씨기 할 때나 글 볼 때에 세로로 크기가 커질 때마다 하단의 카피라이터를 밑으로 내려가게할려면 어떻게하나요?
 
이것저것해보아도 잘 안되네요.
 
고수님들 답변주세요.
 
아래는 웹페이지 소스 입니다.
 
-------------------------- 소스 나갑니다. ------------------------------------
 
[상단 파일]
 
<?
include_once("./_common.php");
include_once("$g4[path]/subhead.sub.php");
$g4['title'] = "";
?>
 
<div id="container">
    <!-- 헤더 부분--->
  <div id="header">
  <div id="gnb_box">
   <div id="gnb_logo"><br/><img src="<?=$g4['path']?>/images/logo.png" width="280" height="107"  class="png24" alt="시크릿로고"/></div>
    <div id="gnb_rightsetbox">                     
                     <div id="gnb_space"></div>
                        
       <? include_once("$g4[path]/topmenu.php"); ?>
    <div id="gnb_nav"><script>flash_p('<?=$g4['path']?>/swf/menu.swf', 614, 80);</script></div>
   </div>
  </div>   
   </div>
  <div id="subtop">
  <script>flash_p('<?=$g4['path']?>/swf/subtopflash.swf', 997, 231);</script>
  </div>
  <!--서브 레이아웃 부분--->
  <div id="left_05">
 <div id="left_menu"><script>flash_p('<?=$g4['path']?>/swf/left_menu05.swf', 213, 390);</script></div>  
  </div>
  <div id="subcontent">
   <div id="subcontent-area">
    <div id="nav"><img src="<?=$g4['path']?>/images/nav_05.gif"></div>   
    <div id="subcontens">
 
 [하단파일]
 
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
// 사용자 화면 우측과 하단을 담당하는 페이지입니다.
// 우측, 하단 화면을 꾸미려면 이 파일을 수정합니다.
?>
 <!-- 카피라이트 시작 -->

  </div>
 </div> 
  </div>
 
<div id="footer"><img src="<?=$g4['path']?>/images/copy.gif" width="1000" height="55" alt="카피라이터"/></div>
</div>

<!-- 카피라이트 끝 -->
<?
include_once("$g4[path]/tail.sub.php");
?>
 ---------------------------------------css 소스 ----------------------------------
 
@charset "utf-8";
/* CSS Document */

html, body {
  height: 100%;
    /**margin,padding설정은 화면에 container를 가득채웠을때,스크롤바를 제거하기 위함(기본은 여백잡힘)*/
    margin: 0px;
    padding: 0px;
 background-image: url(images/bg.jpg);background-repeat: no-repeat;background-repeat :repeat-x;
 
 
}

div,dl,dt,dd,ol.p,h1,h2,h3,h4,h5,h6,form {margin: 0px;padding: 0px;}
img {border:0;vertical-align:top;}
ul {list-style:none;padding:0;margin:0;}
ul,ol.dl{list-style:none}
.png24 {tmp:expression(setPng24(this));}

 
/* 레이아웃 큰박스 속성 */
#container {
   width: 1000px;
    /*html과 body에 height 100%를 주었음으로, 여기도 100%가능*/
    height: 100%;
    /*박스의 중앙정렬*/
    margin: auto;
 text-align : left;
 }
#header  {
 float:left;
 width:1000px;
 height: 130px;
 position: relative;
}
#subtop {
 float: left;
 width: 997px;
 height:231px;
 position: relative;
}
/* 회사소개 */
#left_01_01 {
 float: left;
 width: 213px;
 height:760px;
 position: relative;
 }
#left_menu {
 float: left;
 width: 213px; 
 position: absolute;
 left:0px;
 top:-79px;
 z-index:1;
}
/* 조직도 */
#left_01_02 {
 float: left;
 width: 213px;
 height:600px;
 position: relative;
 }
#left_02_01 {
 float: left;
 width: 213px;
 height:2850px;
 position: relative;
 }
 #left_02_02 {
 float: left;
 width: 213px;
 height:930px;
 position: relative;
 }
/* 스텔스 */
 #left_03_01 {
 float: left;
 width: 213px;
 height:1650px;
 position: relative;
 }
 #left_03_02 {
 float: left;
 width: 213px;
 height:350px;
 position: relative;
 }
  #left_04 {
 float: left;
 width: 213px;
 height:1700px;
 position: relative;
 }
 
/* 견적문의 */  --->견적문의 게시판  css 입니다.
  #left_05 {
 float: left;
 width: 213px;
 height: 300px;
 position: relative;
 
 }
#left_menu {
 float: left;
 width: 213px; 
 position: absolute;
 left:0px;
 top:-79px;
 z-index:1;
}
 
#subcontent {
 float:right;
 width: 784px;
 position: relative;
 text-align : left;
}
#subcontent #subcontent-area {
    /*위에 떠있는 header에 가려지는 것을 방지하기 위해서, header의 높이만큼 padding-top값을 부여*/
    padding-top: 3px;
    /*내용이 footer에 겹치는 것을 방지하기 위해서 footer의 높이만큼 padding-bottom값 부여*/
    padding-bottom: 55px;
   }

#footer {

 width: 1000px;
 position: relative;
 clear: both;
 float: left;
}
/* 상단 박스 속성 */
#gnb_box {float:left;width:1000px;height:130px;}
#gnb_logo {float:left;width:386px;height:130px;}
#gnb_rightsetbox {float:left;width:614px;height:130px; position:relative;}
#gnb_topmenu {float:left;  height:27px; margin-top:23px; position:absolute; z-index:5; right:0;}  
#gnb_topmenu li{float:left;}
#gnb_nav {float:left;width:614px;height:80px; position:absolute; z-index:100; top:50px;}
/* 좌측 박스 속성 */
#left_flash {float:left;width:213px;}
/* 우축 박스 속성 */
#subcontents {
 float:left;
 
}
#subcontents #subcontens01 {
 width: 784px;
 height: 765px;
 position: relative;
 text-align : center;
}
#contents #contens02 {
 width: 784px;
 padding-left:14px
 position: relative;
 text-align : center;
}
/* CSS Document */
#퍼블리셔팁 #퍼블리셔 #팁자료실 #html
글쓰기

댓글 2개

지운아빠
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-04-20 (금) 15:55:58
소스!를 올려보시면 더 좋을 거 같습니다.
아이아라
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2012-05-28 (월) 05:30:08
저도
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
12-08-29 조회 4,199
12-08-07 조회 3,864
12-08-03 조회 3,670
12-07-31 조회 3,769
12-07-30 조회 3,719
12-07-16 조회 3,922
12-07-15 조회 3,758
12-07-07 조회 3,614
12-07-06 조회 3,816
12-07-03 조회 3,772
12-06-29 조회 3,403
12-06-22 조회 3,768
12-06-17 조회 4,031
12-05-21 조회 3,948
12-05-02 조회 3,468
12-05-02 조회 4,258
12-05-02 조회 3,381
12-04-30 조회 3,582
12-04-30 조회 3,261
12-03-17 조회 4,136
12-03-10 조회 3,459
12-03-08 조회 3,993
12-03-03 조회 3,698
12-02-27 조회 5,116
12-02-17 조회 4,414
12-02-16 조회 4,691
12-02-03 조회 3,350
12-01-31 조회 3,259
12-01-24 조회 3,259
12-01-17 조회 3,963
12-01-05 조회 3,511
11-12-30 조회 3,241
11-12-23 조회 4,793
11-12-08 조회 3,570
11-12-07 조회 4,523
11-11-27 조회 3,957
11-11-25 조회 4,282
11-11-23 조회 3,721
11-11-22 조회 3,579
11-11-09 조회 3,286
11-10-23 조회 3,228
11-10-19 조회 3,191
11-10-08 조회 2,869
11-10-04 조회 2,868
11-10-04 조회 5,328
11-09-01 조회 4,403
11-08-13 조회 2,579
11-08-06 조회 3,262
11-07-11 조회 3,655
11-06-27 조회 3,013
11-06-21 조회 2,680
11-06-13 조회 2,484
11-06-07 조회 2,495
11-05-26 조회 2,450
11-04-20 조회 2,784
11-03-21 조회 2,878
11-03-18 조회 2,574
11-03-11 조회 2,589
11-02-07 조회 2,425
11-01-18 조회 2,746
11-01-12 조회 2,466
11-01-06 조회 2,554
10-12-10 조회 2,815
10-12-09 조회 2,665
10-12-08 조회 5,094
10-11-29 조회 2,929
10-11-28 조회 2,835
10-11-28 조회 2,665
10-11-19 조회 2,864
10-11-04 조회 2,739
10-10-21 조회 2,462
10-10-19 조회 3,425
10-10-12 조회 2,744
10-10-07 조회 2,583
10-09-30 조회 3,538
10-09-17 조회 3,954
10-09-17 조회 3,891
10-05-31 조회 3,608
09-12-31 조회 3,743
09-07-23 조회 5,062
08-09-16 조회 3,263
08-09-06 조회 3,009
08-09-04 조회 3,432
08-08-16 조회 4,459
08-08-15 조회 3,328
08-08-14 조회 4,544
08-08-12 조회 4,009
08-07-23 조회 2,824
08-07-10 조회 3,781
08-07-04 조회 3,003
08-06-27 조회 7,640
08-06-19 조회 4,952
08-05-27 조회 5,561
08-05-25 조회 5,397
08-05-23 조회 3,472
08-05-23 조회 4,639
08-05-21 조회 4,988
08-05-20 조회 4,100
08-05-20 조회 3,325
08-04-18 조회 4,403
글쓰기