모바일 위쪽 컨텐츠 고정 테스트

src/main/webapp/mobile/app/mrtnmng/MRTNMNG01010.html

@@ -7,40 +7,42 @@
 			<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_DVSN" name="whsDvsn" value="">
 			<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_RTN_REQ_ST_CD" name="rtnReqStCd" value="">
 			<div class="content">
-				<div class="line header">
-					<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">반품요청</div>
-		      	</div>
-				<div class="line mt5">
-					<label>반품요청일</label>
-					<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_DLV_REQ_DT" name="colReqDt" class="itp_input date" data-check-required="empty" readonly>
-				</div> 
-				<div class="line">
-					<label>반품요청금액</label>
-					<div class="float_left">
-						<div class="input_text">
-							<div class="fnRtnReqAmt">1,000,000원</div>
+				<div class="content_fix">
+					<div class="line header">
+						<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">반품요청</div>
+			      	</div>
+					<div class="line mt5">
+						<label>반품요청일</label>
+						<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_DLV_REQ_DT" name="colReqDt" class="itp_input date" data-check-required="empty" readonly>
+					</div> 
+					<div class="line">
+						<label>반품요청금액</label>
+						<div class="float_left">
+							<div class="input_text">
+								<div class="fnRtnReqAmt">1,000,000원</div>
+							</div>
 						</div>
 					</div>
-				</div>
-				<div class="line">
-					<label>반품장소</label>
-					<div class="float_left">
-						<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_NM" class="" name="rtnWhsNm" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="빈품장소" placeholder="" readonly />
-						<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_ID" class="form-control itp_input" name="rtnWhsId" value="" />
-						<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_LOCATION" class="form-control itp_input" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="빈품장소" name="rtnLocation" value="" />
-       					<div class="itp_input_btn">
-							<button id="ITP_BTN_MRTNMNG01010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MRTNMNG01010_WHS_AREA"><img src="../img/search.png" alt=""></button>
+					<div class="line">
+						<label>반품장소</label>
+						<div class="float_left">
+							<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_NM" class="" name="rtnWhsNm" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="빈품장소" placeholder="" readonly />
+							<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_ID" class="form-control itp_input" name="rtnWhsId" value="" />
+							<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_LOCATION" class="form-control itp_input" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="빈품장소" name="rtnLocation" value="" />
+	       					<div class="itp_input_btn">
+								<button id="ITP_BTN_MRTNMNG01010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MRTNMNG01010_WHS_AREA"><img src="../img/search.png" alt=""></button>
+							</div>
+						</div>
+						<div class="float_right_btn">
+							<button id="ITP_BTN_MRTNMNG01010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 						</div>
 					</div>
-					<div class="float_right_btn">
-						<button id="ITP_BTN_MRTNMNG01010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+					<div class="table_header">
+						<h1><반품 품목></h1>
+						<button type="button" id="ITP_BTN_MRTNMNG01010_DETAIL_DELROW" class="btn-primary btn-sm ADB">품목삭제</button>
+						<button type="button" id="ITP_BTN_MRTNMNG01010_DETAIL_ADDROW" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MRTNMNG01010_ITEM_AREA">품목추가</button>
 					</div>
 				</div>
-				<div class="table_header">
-					<h1><반품 품목></h1>
-					<button type="button" id="ITP_BTN_MRTNMNG01010_DETAIL_DELROW" class="btn-primary btn-sm ADB">품목삭제</button>
-					<button type="button" id="ITP_BTN_MRTNMNG01010_DETAIL_ADDROW" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MRTNMNG01010_ITEM_AREA">품목추가</button>
-				</div>
 			</div>
 			<div id="ITP_LIST_MRTNMNG01010_ITEM_AREA" class="scroll_area row-7">
 				<ul id="ITP_LIST_MRTNMNG01010_DETAIL_ROWS" class="mb_0 panel-group"></ul>

src/main/webapp/mobile/css/style.css

@@ -97,7 +97,7 @@ section .popup2 .pop .popup_scroll li .scroll_left {float: left; display:grid; w
 section .popup2 .pop .popup_scroll li .scroll_left div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; float: left; font-size: 18px; font-weight: 100; width: 100%; margin:8px 6px -6px 10px;}
 section .popup2 .pop .popup_scroll li .scroll_left .con_2 {padding-top:0px;}
 section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0;}
-section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:46%; margin:0; padding: 8px 2px 0px 2px;}
+section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:43%; margin:0; padding: 8px 2px 0px 2px;}
 section .popup2 .pop .popup_scroll li .scroll_left .mg_0 .type_hide {width:auto;}
 section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14pt; color:gray; width:auto !important;}
 section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:14pt; color:#b88278;}
@@ -318,7 +318,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
   padding-top: 49px;
   font-size: 16px;
 }
-.content {position: fixed; z-index: 10; width:100%; background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
+.content {position: fixed; display:contents; z-index: 10; width:100%; background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
+.content .content_fix {background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
 .content .content_inside {background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
 .content .header {width:100% !important; margin:0 !important;}
 .content .line {position: relative; display: inline-block; width: 332px; margin:0 auto; height: 40px; margin-bottom: -10px;}
@@ -412,7 +413,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 } */
 
 .button_bar {width: 100%; height: 47px; background: #ccc; position: fixed; bottom: 0px; z-index: 10;}
-.button_bar button.col_3{float: left; height: 47px; font-size: 14px; margin: 0; width: 33.3%; font-weight: 100; border: 1px solid #aaa;}
+.button_bar button.col_3{float: left; height: 47px; font-size: 14px; margin: 0; width: 33.3%; font-weight: 100; border: none;}
 .button_bar button.btn-gray {border-radius: 0px; background-color: #858076; color: #eee;}
 .button_bar button.btn-gray:active {border:3px solid #858076; background-color: #fff; color:#B7B8B8;}
 .button_bar button.btn-w-gray{border-radius: 0px; background-color: #b6b8b8; color: #eee;}
@@ -566,15 +567,17 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 	.content .line .search_wrap select {width:78%;}	
 	
 }
-@media screen and (min-width: 500px) {
-	.content .line {margin:-4px 0px; width:625px;}
-}
+
 @media screen and (max-width: 380px) {
 	section .popup2 .barcode_area {width: 250px; height: 250px;}
 /* 	section .popup2 .pop .popup_scroll li .scroll_left .mg_0 {margin:0; width:100px;}
 	.type_hide {display:none;}
 	section .popup2 .pop .popup_scroll li .scroll_left .mg_0 div {margin:0; padding: 4px 8px 0px 2px;} */
 }
+@media screen and (min-width: 650px) {
+	.content .line {margin:-5px 100px;}
+	
+}
 @media screen and (max-height: 720px) {
 	#ITP_LOGIN {position:fixed; top:80px; max-width: 500px; margin: 0 auto;}
 	.bg_gray {position:relative; top:-90px;}