로그인

검색

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
라이믹스로 커뮤니티 사이트를 운영하는 비개발자 운영자 입니다.
파트너쉽 맺으실 사이트 운영자분 환영합니다.
2 추천
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. Flex 레이아웃 로그인 오류 메시지 안뜨는 문제 해결

    Date2021.01.31 Category오류 Views199 Votes2
    Read More
  17. Read More
  18. Read More
  19. Read More
  20. Read More
  21. Read More
  22. Read More
Prev 1 2 Next
/ 2