베이직 테마 '최신글 화면'과 '게시판' 가운데 정렬 방법 채택완료
안녕하십니까? 그누보드 5.4.5.5 베이직 테마 사용자입니다.
최근에 '최신글 화면'과 '게시판'에서 '로그인' 상자를 삭제하는 방법을 문의하여 eyekiss님의 도움을 받아 그것을 해결한 바 있습니다(아래 링크 및 사진 참조).
https://sir.kr/qa/448387?page=2&s_tag=%EA%B7%B8%EB%88%84%EB%B3%B4%EB%93%9C5
이번에 드리는 질문은, '로그인 상자를 지우고 남은 여백 부분은 어떻게 삭제할 수 있는지'입니다(아래 사진 2장 참조).
위 사진 2장에서와 같이 오른쪽에 공란이 생겼는데요.
이 공란 때문에 결과적으로 최신글 화면과 게시판이 가운데 정렬이 안 된 것처럼 보이게 되었습니다.
참고로, 가운데 정렬 자체가 안 된 것은 아닌 듯합니다.
여기 Q&A 게시판의 내용을 바탕으로 가운데 정렬도 시도해 보았는데 아무런 효과가 없었기 때문입니다.
제 생각으로는 위 공란 때문인 듯한데, 저것을 어떻게 없앨 수 있는지 알려 주시면 감사하겠습니다.
답변 4개
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
해결했습니다. 알고 보니 캐시 파일을 지우고 새로고침을 해야만 css의 변경된 내용이 반영되는 것이더군요.
일단은 작은별님께서 알려 주신 <그누스터디>의 팁을 통해 해결했습니다. 다른 두 분께서 알려 주신 방법의 내용도 모두 비슷하여 그렇게 해도 되지 않을까 생각합니다. 답변해 주신 분들께 모두 감사드립니다.
댓글을 작성하려면 로그인이 필요합니다.
/theme/basic/css/default.css
</p>
<p>#container { position: relative;float: left;min-height: 500px;height: auto !important;margin: 20px 0;height: 500px;font-size: 1em;<span style="color:#d35400;"><strong>width: 100%</strong></span>;zoom: 1;}</p>
<p>#aside { float: right;<span style="color:#d35400;"><strong>width: 0px</strong></span>;padding: 0;height: 100%;margin: 20px 0 20px 20px; }</p>
<p>답변에 대한 댓글 1개
그런데 알려 주신 대로, '#container' 부분의 'width'는 '100%'로 고치고, '#aside' 부분의 'width'는 '0px'로 고쳐 보았습니다만, 원래 모습 그대로입니다. 무엇이 잘못된 것인지 모르겠네요...
댓글을 작성하려면 로그인이 필요합니다.
</p>
<p><!-- 콘텐츠 시작 { -->
<div id="wrapper">
<div id="container_wr"></p>
<p> <div id="container"></p>
<p> 좌측영역</p>
<p> </div>
<div id="aside"></p>
<p> 로그인박스영역
</div>
</div></p>
<p></div>
<!-- } 콘텐츠 끝 --></p>
<p>이런구조로 되어있습니다.
aside 내에 로그인 영역을 삭제하셨는데요. aside 영역 자체를 없애거나 css에서 display:none 으로 설정하하고, container 영역의 width를 100%로 하신후 그 내부를 정리하면 될겁니다.
답변에 대한 댓글 2개
그런데 '/theme/basic/tail.php' 내에서 aside 영역 자체도 없애 보고, '/theme/basic/css/default.css'에서 'display:none'과 'width:100%'로 설정해 주었는데도 아무런 변화가 없네요...
그리고 제 경우에는 라인 번호가 좀 다른 듯합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인