에디터와 상품보기 화면이 다르게 나옵니다.
본문
<!-- 풀그만 제목-->
</p><p style="text-align: center;"> </p><div style="margin:0 auto; /* 가운데 정렬 */
width:100%; max-width:745px; /* PC에서는 745px, 모바일에서는 자동 줄어듦 */
height:180px; line-height:180px;
text-align:center; background:url('https://www.eco-seobu.co.kr/data/editor/2509/0d49f69a81ad005c7443f7e193e3d7a9_1756810440_5283.jpg') center/cover no-repeat;">
<span style="text-shadow:2px 0 0 black, 0 2px 0 black; letter-spacing:8px; font-family:'NanumGothic','나눔고딕',sans-serif; font-weight:bold; color:white; font-size:60px;">풀그만</span>
<span style="text-shadow:2px 0 0 black, 0 2px 0 black; letter-spacing:2px; font-family:'NanumGothic','나눔고딕',sans-serif; font-weight:bold; color:white; font-size:24px;">500ml</span>
</div>
에디터에서는 정상적으로 보이는데 확인 누르고 상품보기 화면에서는 왼쪽으로 치우쳐 보입니다.
css 충돌이라는 분도있고, 며칠동안 여기저기 찾아봐도 잘 안됩니다. css 충돌이라고해서 ftp 접속해서 파일 수정도 했지만 잘 안되네요.. 위 파일을 쿠팡, 스마트스토어 에서 확인하면 정상으로 나오는데
그누보드에서만 말썽이네요. 초보입니다.. 도움 부탁드려요
답변 2
체에디터5에서 위 소스로 테스트하니 중앙에 잘 오네요.
아래 글 참고해 해당 요소에 영향을 미치는 코드를 찾아보세요.
https://homzzang.com/b/css-251
그런 다음 아래 글 참고해 우선순위를 높여서 코드 짜보세요.
그런 다음, 아래 글 참고해 캐시를 제거 후 확인해 보세요.
https://homzzang.com/b/css-248
에디터 안에서 기능은 퍼센트로 처리 합니다. px는 성립되지않습니다. 하여 에디터의기능에 맞게 편집 디자인하셔야합니다.
만약
이를 개인적으로 에디터안에 이미지를 출력배치 해야한다면 에디터에서 등록된이미지를 호출하여 커스텀해주셔 합니다.
한마디로 에디터안에서 이미지 크기 및 배치는 px로 html에서 바꿔도 자동으로다시 %값으로식별하게되어잇다라는것입니다. 이를 반복해서 해당 게시물을 수정을 반복을 하다면면 뒤죽박죽으로 레이어가 잡힐수도잇습니다. 참고하시기 바랍니다.
따라서
선생님의 작성되고있는 웹주소를 공개를 해주셔야 합니다.어떤 상태인지 어떻게 할려고 하는지를 봐야 할것 같습니다.