묻고답하기

레이아웃은 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 레이아웃 상세 설정에 관해 질문 있습니다 [1] 2022.11.08 by sejin7940
railman 스케치북 사이트에서 다운이 안됩니다. [1] 2022.11.06 by tree****
학부_문영제 긴급 롤백 어떻게 하나요? [1] 2022.10.31 by sejin7940
미래로꿈으로 도메인 리다이렉트 설정 문의드립니다. [1] 2022.10.27 by sejin7940
하이젠버그 스케치북 게시판 목록에 IP 노출하는 방법 없을까요? [1] file 2022.10.27 by sejin7940
☆~ 파일 첨부에 대한 질문입니다.  
railman 구글 검색 시 등록되어 있지않음 또는 등록되어 있지만 문제가 있음. file  
내놔내놔 고수님들 풀페이지 적용시 탭키가 안먹힙니다..도와주세요 [2] 2022.10.06 by 내놔내놔
roks821 xe3에서 html 문서나 jpg 파일들을 불러 오지 못해요 [1] 2022.10.06 by sejin7940
나리 해외사이트만 차단하면 홈피가 먹통입니다. [1] 2022.10.06 by sejin7940
railman 메인페이지에서 유튜브 자동으로 실행하는 방법  
제이디600 Data too long for column ''color'' at row 1 무슨뜻인지?? [2] 2022.09.21 by 지오닷컴
휴앤유재활병원 이 애러문구 혹시 해결 가능할지... [1] 2022.09.13 by sejin7940
ChangS xe 상대주소로 바꿀수 있나요? xbox [1] 2022.09.10 by sejin7940
pcline 404 Oops, Sorry. Page is not found! 에러가 나옵니다 [2] 2022.09.08 by sejin7940
보통사람 현재 접속자 관리자 보이게 하는 방법 문의합니다. [2] file 2022.09.05 by 보통사람
pcline Fatal error: Cannot use 'Object' as class name as it is reserved in /pcline22/www/classes/object/Object.class.php on line 9 [6] 2022.09.04 by sejin7940
옵저버 쇼핑몰의 상단에 가로로 메뉴들이 나오는데 간격을 %로 조정하고 싶습니다.  
JhC html 수정하여 레이아웃변경 [1] file 2022.08.30 by YJSoft
노랗노랗 홈페이지 디자인을 바꾸면 모든게 삭제됩니다. [2] 2022.08.22 by 노랗노랗
지구를지켜라 도메인 주소 뒤에 /xe를 붙어야만 접속될 때 해결 방법이? [1] 2022.08.21 by himan
dang 라이믹스 업데이트후 aplos 스킨 수정버튼 오류 [1] 2022.08.21 by sejin7940
dang 아이폰 검색안되는문제 [1] 2022.08.10 by YJSoft
kew1o 기본레이아웃 메뉴 위치 변경 [1] file 2022.08.10 by YJSoft
kew1o 메인 페이지 하단 내용 삭제 [1] file 2022.08.10 by YJSoft
kew1o 사이트 잠금에서 안내문의 역활 [1] 2022.08.10 by YJSoft
인천한량 레이아웃에 카피된 html 경로변경  
용이 기존 호스팅 홈페이지를 신규 호스팅에 그대로 복사하는 방법 문의 [1] 2022.07.23 by sejin7940
부씨 FOOTER연락처를 수정하면 메인화면 게시글들이 모두 사라집니다ㅠㅠ [1] file 2022.07.23 by sejin7940
배정현 코어 업데이트 이후에 HTTP ERROR 500 file