로그인

검색

Extra Form
추천지수 7

레이아웃 콘텐츠 하단에 광고나 기타 무언가를 배치했을때 최고관리자가 아닌 경우 디자인이 깨지거나 아예 컨텐츠영역까지 덮어버리는 등 배치에 문제가 생기는 경우 경험해 보셨나요??

 

 

화면 캡처 2021-04-26 115617.png

 

 

레이아웃에서 컨텐츠 부분이 출력될때 위젯의 내용의 출력이 되고 최고 관리자의 경우는 위젯페이지를 수정할 수 있는 박스가 나옵니다. 

 

 

이 박스가 먼저 나오면 괜찮고 이 박스가 없는 최고관리자 이외의 접속자는 왜 문제가 생길까요?

살펴보니까 저 최고관리자에게만 나오는 박스의 css를 보니 해답이 보이더군요.

 

 

.btnArea {
    clear: both;
    margin: 10px 0;
    padding: 0;
    text-align: right;
    zoom: 1;
}

 

clear:both; 가 들어가서 괜찮은 것을 보고 눈치를 챘습니다.

 

위젯의 경우 위젯을 생성하면 무조건 float 값을 가지게 되어 있어서 저렇게 코어에서 저 박스를 만들때 영향을 받지 않도록 clear:both 로 float을 초기화 해 준 것 입니다.

 

 

그런데 괜찮은 레이아웃이 많던데요??

 

이걸 레이아웃 차원에서 처리해주었기 때문이더라구요.

 

레이아웃에서 컨텐츠가 출력되는 바로 아래에서 초기화해줄 무언가를 넣어주면 됩니다.

{content}

<div style="clear:both;"></div>

 

레이아웃에서 {content} 를 찾아서 바로 아래에 위와 같이 초기화 해주도록 조치를 해주면 되는 것이죠.

 

레이아웃이 제작될때 이점을 고려해서 추가해주면 좋겠네요.

 

Who's 꿀팁관리소장

profile
라이믹스로 커뮤니티 사이트를 운영하는 비개발자 운영자 입니다.
파트너쉽 맺으실 사이트 운영자분 환영합니다.
3 추천
Atachment
첨부 '0'

라이믹스 팁(112)

라이믹스 운영과 사용에 관한 팁을 공유 합니다.

  1. read more
  2. read more
  3. Read More
  4. Read More
  5. Read More
  6. Read More
  7. Read More
  8. Read More
  9. Read More
  10. Read More
  11. Read More
  12. Read More
  13. Read More
  14. Read More
  15. Read More
  16. Read More
  17. Read More
  18. Read More
  19. Read More
  20. Read More
  21. 라이믹스 회원(팝업)메뉴에 아이콘 추가해주기 2

    Date2021.05.11 Category기능 Views292 Votes3
    Read More
  22. RXP FLEX 레이아웃의 다크모드 기능 게시판에 적용하기 4

    Date2021.05.09 Category기능 Views395 Votes3
    Read More
  23. 카카오지도 마커 위치로 카카오내비 길안내 연동하기

    Date2021.05.08 Category기능 Views796 Votes3
    Read More
  24. Read More
  25. 신규 회원 가입 사실만 메일로 전달 받고 싶을때

    Date2021.05.06 Category기능 Views230 Votes3
    Read More
  26. Read More
  27. Read More
  28. 스케치북5 스킨 검색어 하이라이트 효과 주기

    Date2021.05.02 Category기능 Views212 Votes3
    Read More
  29. 여태 몰랐던 라이믹스의 $document, $oDocument 게시글 정보

    Date2021.04.29 Category기타 Views386 Votes3
    Read More
  30. Read More
  31. 댓글 주소 클립보드에 복사하는 기능 추가하기 11

    Date2021.04.25 Category기능 Views249 Votes3
    Read More
  32. Read More
Prev 1 2 3 4 Next
/ 4