묻고답하기

레이아웃은 Door_cpA_limit  레이아웃을 사용중인데 (반응형 레이아웃 이며 따로 모바일 형은 사용 안하고 디폴트로 사용중 입니다)

모바일 레이아웃 폴더에 따로 레이아웃을 설치하고 모바일 레이아웃으로 사용하면 되지만 모바일용 으로 사용시 따로 쪽지함등을 

사용할때 문제점 들이 있어서 디폴트 반응형으로 피시/모바일 함께 사용 중입니다...

그런데 문제가 피시나 테블릿 에사는 레이아웃 출력에 정상적으로 출력 됩니다만 

모바일 폼(스카트폰) 에서만 아래와 같은 현상이 있습니다. (세로 보기시)

모바일 회원 가입 폼에서(모바일 삼성 노트8 에서  확인) 만 레이아웃 어그러짐 현상이 나오는 것으로 보아선 

레이아웃 자체 문제 보다는 회원 가입폼  "signup_form" 에서의 문제로 보입니다만 (확실친 않고요)

모바일에서 살펴 보아도 달리 돌출되는 부분은 없는듯 한데 레이아웃과 안맞는 현상이 나오네요...

 

photo_2020-05-03_15-48-42.jpg

 

photo_2020-05-03_15-49-04.jpg

위에 이미지와 같이 우측 사이즈가 전체적으로 레이아웃 해더(네비게이션 부분에 미달되는 현상이 있는데 이 부분을 정상 출력되게 만지려면 signup_form 폼이나 ..modules/member/skins/default/css/member.css 부분을 만져야 될것 같은데 달리 만질만한 부분이 안보여서 이 부분을 수정하신 경험이 있는 분이나 해결 방법이 있으신 분들이 혹 계시면 설명을 부탁 드립니다...

 

-----------------추가 일단 해결??? 정상적인지 살펴봐 주시겠습니까?---------------

 

일단 댓글이 안달려 고민끝에 signup_form.html과 해당 member.css 부분을 크롬검사로 눈뚫어지게 살펴보고 해당 문서에 toobody 란 div 를 추가하여 감싸고  class 부분을 찿아 form 태그 부분을 수정 하였습니다 

아래 수정 부분 

signup_form.html

<!--//커스텀 div toobody 삽입//-->

    <div class="toobody">

    <h1 style="margin-left:15px;border-bottom:0px solid #008040">{$lang->cmd_signup}</h1>

<div cond="$XE_VALIDATOR_MESSAGE && $XE_VALIDATOR_ID == 'modules/member/skins'" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">

<p>{$XE_VALIDATOR_MESSAGE}</p>

</div>

    <form ruleset="@insertMember" id="fo_insert_member" action="./" method="post" enctype="multipart/form-data" class="form-horizontal">

<input type="hidden" name="act" value="procMemberInsert" />

<input type="hidden" name="xe_validator_id" value="modules/member/skins" />

<input type="hidden" name="success_return_url" value="{getUrl('act','dispMemberInfo')}" />

<div class="agreement" cond="$member_config->agreement">

<div class="text">

{$member_config->agreement|noescape}

 

</div>

그리고 해당 css 파일에 

아래와 같이 추가 / 수정....

 

@charset "utf-8";

/*수정 삽입 div costom toobody*/

.toobody{margin:10px;padding:10px;border:1px solid #ccc8be;background:#fff;color:#000}

/* Horizontal Align */

.xm .pull-right{float:right}

.

.

.

/* Forms .xm .form-horizontal .control-label-label 사이즈 수정 원본 160px/180/180 -> 130~ 150 수정*/

.xm .form-horizontal .control-group{margin-bottom:20px;*zoom:1}

.xm .form-horizontal .control-group:before,

.xm .form-horizontal .control-group:after{display:table;line-height:0;content:""}

.xm .form-horizontal .control-group:after{clear:both}

.xm .form-horizontal .control-label{float:left;width:130px;padding-top:5px;text-align:right}

.xm .form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:150px;*margin-left:0}

.xm .form-horizontal .controls:first-child{*padding-left:180px}

.xm .form-horizontal .help-block{margin-bottom:0}

캡처toobox-1.JPG

 

이런 식으로 일단 해결을 봤습니다.

해결후 모바일 과 pc출력 화면은 아래 이미지 처럼 정상적이긴 한데

이 방식이 옳바른 적용을 한건지는 저도 잘 모르겠습니다.

잘못된 부분에 지적좀 해주시고 혹은 또 다른 해결 방법을 아시는 분들의 댓글을 부탁 드립니다.

 

좋은 하루 되세요....

pc 출력 

캡처toobox.JPG

 

 

*모바일 출력

캡처toobox-2.jpg

 

캡처toobox-3.jpg

 

글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
도킹맨 이미지 닉네임과 글씨가 같이 표기되는 문제 어떻게 해야할까요? [1] file 2020.07.07 by sejin7940
모얼더 주소창에 표시되는 파라미터를 수정할 수 있을까요? [1] 2020.07.06 by sejin7940
JUNG 관리자메뉴초기화 [1] 2020.07.03 by sejin7940
JUNG 코아 업데이트 복구 방법 [1] 2020.07.03 by sejin7940
대한국인 [다국어 세트] lang.xml 번역에 대한 문의 [2] 2020.07.02 by 대한국인
도은 쇼핑몰(누리고) 다국어 사용 시 상품명 출력문제 [2] file 2020.07.02 by 도은
자연 엑스돔 XDOM 레이아웃 v2 검색 에러에 대해 자문을 구합니다. [2] 2020.07.01 by 자연
대한국인 DoorWeb 레이아웃 B(Door_cpB_limit) 메인페이지에서 제대로 외국어가 표시 안됩니다. file  
대한국인 DoorWeb 레이아웃 B, 메뉴가 무조건 대문자로 나오는 걸 해제하려면? [2] file 2020.06.30 by 대한국인
서기f576b 아이콘샵 분류 생성시 module_srl 값은 필수입니다. file  
누리 주소창의 상세주소 저장오류  
x뿌니x 웹프로그래밍 사이트 만들기 db 설정 [1] file 2020.06.23 by 제이와이엔소프트
Julian 시놀로지 NAS XE3 설치 문제 [2] file 2020.06.20 by Julian
홈런볼11 글 작성 기간에 대한 조건문 [2] 2020.06.18 by 홈런볼11
yongsdotcom 파도 이미지글 출력 위젯 모바일 섬네일 오류 file  
mediaq**** 댓글 이미지 첨부 처리 [1] 2020.06.15 by 제이와이엔소프트
AimJin 원하는 페이지만 ip주소를 입력해서 접속 가능하도록 설정 가능할까요? [4] 2020.06.15 by AimJin
yongsdotcom sweet mobile 사이드 메뉴 오류(안눌림) file  
막창ㅏㅏㅏㅏ Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE [2] file 2020.06.09 by akasima
강성훈 안드로이드로 접속하여 글 등록시 페이지나가기창이 뜹니다.. [1] 2020.06.09 by sejin7940
꽃사숨 이메일부분 셀렉트박스로 변경할려는데 너무 어렵네요 고수님의 조언부탁드립니다. [1] file 2020.06.01 by sejin7940
Gambo ​​​​​​​PHP V7.1 에서 V7.2 로 변경후 저장시 화면 리턴 문제 [3] 2020.05.31 by sejin7940
도단파파 플래너 게시판에 확장변수 출력 [1] 2020.05.29 by sejin7940
수진 swiper 슬라이드를 사용중인데 고수님들 도와주세요ㅠ [1] 2020.05.29 by sejin7940
잔달 파일 첨부해야만 글 등록이 되요 [1] 2020.05.29 by sejin7940
재순 포탈EVER_포인트 랭킹 위젯 관련 질문입니다 [1] 2020.05.29 by sejin7940
윤안젤로 컨테츠 위젯 박스이동이 안됩니다. [2] file 2020.05.18 by 윤안젤로
당나귀 [세로 메뉴]를 [가로 메뉴]로 변경하는 방법을 알고 싶습니다. [2] file 2020.05.17 by YJSoft
누리 ./common/tpl/layout.html' template file does not exists. [3] 2020.05.15 by 누리
Regnum swiper zoom, slide 버그에 대해 문의드립니다. [1] file 2020.05.15 by sejin7940