레이아웃 콘텐츠 하단에 광고나 기타 무언가를 배치했을때 최고관리자가 아닌 경우 디자인이 깨지거나 아예 컨텐츠영역까지 덮어버리는 등 배치에 문제가 생기는 경우 경험해 보셨나요??
레이아웃에서 컨텐츠 부분이 출력될때 위젯의 내용의 출력이 되고 최고 관리자의 경우는 위젯페이지를 수정할 수 있는 박스가 나옵니다.
이 박스가 먼저 나오면 괜찮고 이 박스가 없는 최고관리자 이외의 접속자는 왜 문제가 생길까요?
살펴보니까 저 최고관리자에게만 나오는 박스의 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} 를 찾아서 바로 아래에 위와 같이 초기화 해주도록 조치를 해주면 되는 것이죠.
레이아웃이 제작될때 이점을 고려해서 추가해주면 좋겠네요.
