베이직 테마 '최신글 화면'과 '게시판' 가운데 정렬 방법
관련링크
본문
안녕하십니까? 그누보드 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-1. tail.php 파일 수정", "1-2. css/default.css 파일 수정")를 보두 밟았으나, 아무런 변화가 없습니다. 그래도 알려 주신 사이트는 앞으로도 잘 활용하겠습니다.
<!-- 콘텐츠 시작 { -->
<div id="wrapper">
<div id="container_wr">
<div id="container">
좌측영역
</div>
<div id="aside">
로그인박스영역
</div>
</div>
</div>
<!-- } 콘텐츠 끝 -->
이런구조로 되어있습니다.
aside 내에 로그인 영역을 삭제하셨는데요. aside 영역 자체를 없애거나 css에서 display:none 으로 설정하하고, container 영역의 width를 100%로 하신후 그 내부를 정리하면 될겁니다.
해당 css 는 /theme/basic/css/default.css 파일이며 170 line과 172 line 에 있습니다.
레전드플랫폼님, 답변에 감사드립니다.
그런데 '/theme/basic/tail.php' 내에서 aside 영역 자체도 없애 보고, '/theme/basic/css/default.css'에서 'display:none'과 'width:100%'로 설정해 주었는데도 아무런 변화가 없네요...
그리고 제 경우에는 라인 번호가 좀 다른 듯합니다.
/theme/basic/css/default.css
#container { position: relative;float: left;min-height: 500px;height: auto !important;margin: 20px 0;height: 500px;font-size: 1em;width: 100%;zoom: 1;}
#aside { float: right;width: 0px;padding: 0;height: 100%;margin: 20px 0 20px 20px; }
들레아빠님, 가르침에 감사드립니다.
그런데 알려 주신 대로, '#container' 부분의 'width'는 '100%'로 고치고, '#aside' 부분의 'width'는 '0px'로 고쳐 보았습니다만, 원래 모습 그대로입니다. 무엇이 잘못된 것인지 모르겠네요...
해결했습니다. 알고 보니 캐시 파일을 지우고 새로고침을 해야만 css의 변경된 내용이 반영되는 것이더군요.
일단은 작은별님께서 알려 주신 <그누스터디>의 팁을 통해 해결했습니다. 다른 두 분께서 알려 주신 방법의 내용도 모두 비슷하여 그렇게 해도 되지 않을까 생각합니다. 답변해 주신 분들께 모두 감사드립니다.