묻고답하기

레이아웃은 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 남기남
실천예술가두눈 티티보드를 구누보드로 변환하는 방법  
인천한량 회원가입폼 래이아웃 사이즈가 이상 합니다 [14] file 2020.05.08 by 인천한량
쿠쿠 마켓플레이스 물품 등록 후 섬네일이 보이지 않아 코드 찾아보니 아래 빨간색부분인데, [4] file 2020.05.08 by sejin7940
darkduck 게시판 에디터에 이미지 copy&paste 가능한 게시판? [3] 2020.05.07 by J.LAB
스릉스릉 서버이전완료 후 도메인 연결 문제 (도와주시면 사례할게요) [1] 2020.05.06 by koreaseongpil
hyosik 자동 글, 회원가입 봇 방지하는 방법  
초록고양이 관리자 메일 받을 때 메일 이름표시,사용자정의 표시 [1] 2020.05.04 by DoorWeb
초록고양이 비회원 파일 업로드시 절대경로로 저장 방법 [4] 2020.05.02 by 초록고양이
인천한량 예전 도메인의 흔적을 지우고 싶습니다 [6] 2020.05.02 by 인천한량
초록고양이 관리자 메일 받을때 제목 변경 [2] 2020.05.02 by 초록고양이
goga**** 메인화면에서 위젯 가로 사이즈를 반응형으로 조절하게 하고 싶습니다. [1] file 2020.05.01 by DoorWeb
nb00040 XEDITION SUB 서브 상단 이미지 가운데 정렬 [1] 2020.05.01 by DoorWeb
현종이닷 에디터 확장컴포넌트와 html 편집기 위치가 이상해졌습니다. [2] file 2020.04.29 by 현종이닷
12123333 document.controller.php 에서 Remove iframe and script 권한 수정 문의 [1] 2020.04.29 by sejin7940
기억속으로 소스코드 어디서 삭제할수있을까요? [5] file 2020.04.28 by sejin7940
humor**** 스케치북 게시판 글쓰기 버튼 게시판 상단에도 위치시킬 수 없나요? [2] file 2020.04.26 by humor****
뱅기 메인페이지 최근게시물에서 추천게시물의 링크로 바로 클릭 할 수 있게.. [2] 2020.04.26 by 뱅기
비밀얌 확장변수 URL 형식 수정 방법 좀 알려주세요 [3] 2020.04.24 by nb00040
시온의영광 목록에서 확장변수를 이미지로 대체하고 파일다운로드가 가능하게 하려면.... [3] 2020.04.24 by nb00040
강원 스케치북 게시판 웹진형에서 본문 요약글 줄바꿈 적용에 관해... [2] 2020.04.24 by nb00040
humor**** 스케치북 게시판에서 리스트에 비추천 표시가 안 됩니다. [4] file 2020.04.23 by humor****
지나가는학생 XE3 error500 처리방법이있나요? [1] 2020.04.22 by sejin7940
openurm**** 관리자 로그인에 대해 다시한번 질문드립니다(해결함).  
humor**** Elkha-Gray Steyle 스킨 2단 레이아웃 만드는법을 모르겠네요? [3] file 2020.04.20 by DoorWeb
곰탱이 상세페이지 html 수정 [2] 2020.04.20 by :DunhillBoy
매니저 설치시 www.도메인/xe 에서요... [1] 2020.04.20 by DoorWeb
koreaseongpil 로그인 로딩 시간 지연 [1] 2020.04.20 by DoorWeb
blue 스크롤 따라다니는 링크?? [1] 2020.04.20 by DoorWeb
잠수부 Door_cpA_limit 레이아웃 sub 페이지 [1] file 2020.04.20 by DoorWeb
EveR "이메일 주소로 계정 찾기"와 "질문/답변으로 계정 찾기" 이슈