2026, 새로운 도약을 시작합니다.

좌우 공백 없애기 질문드립니다 채택완료

2041059271_1598506065.1027.png

안녕하세요?

첨부된 그림에서 좌우에 화살표의 공백을 없애고 화면에 꽉 채우려고 하는데요

어떤 부분을 수정하면 될까요?

조언 부탁드립니다

감사합니다

답변 2개

채택된 답변
+20 포인트

.container 가로크기랑 #main_new 가로크기를 수정하셔야합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

초보인데요
css 파일에서 어떻게 수정하면 될까요?
두군데 다 가로크기를 100%로 하면 될까요?
조금더 조언 부탁드립니다 ㅠㅠ
.container는 100%가 맞는데...
#main_new는 우측 메뉴랑 margin-right가 있으니까 그걸 빼고 가로크기를 정하셔야겠죠?
css calc 검색해보시면 될 거 같아요.
#main_new안에 레이어들도 가로 크기 수정해주셔야 해요.
아~감사합니다
그런데요
.container #main_new 가 있는 파일의 경로가 어떻게 되는가요 ㅠㅠ
아무리 찾아도 없어요
다른 분이 답변을 주셨네요.
보통 답변으로 알려주신 default.css이지만 아닌 경우도 있으니
css 파일 경로는 F12 눌러서 개발자 도구 열어서 해당 태그 선택해서 찾는 게 제일 좋아요

댓글을 작성하려면 로그인이 필요합니다.

그누보드 기본 기준 /theme/basic/css/default.css 파일입니다.

1200px 찾아보면 3곳 나옵니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

답변 감사합니다
혹시

#container {z-index:4;position:relative;float:left;padding:15px 16px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1}

이 부분을 말씀하시는건지 모르겠습니다 ㅠㅠ

1200px 를 검색해 보았는데 안나와서요
https://sir.kr/g5_pds/5317 ... 5.4.2.8 버전 기준
/theme/basic/css/default.css ... PC 버전

47라인
/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {min-width:1200px}

54라인
#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1200px}

188라인
#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}

고정 넓이, 좌우 여백 자동이라 가운데 위치할 뿐입니다.
100%로 변경하면 좌우 여백없이 늘어나긴 하는데,
그 외에 고정으로 정한 부분도 적당하게 손봐줘야 합니다.
답변 정말 감사합니다
많은 도움 되었는데 제가 미숙해서 좀더 찾아봐야 할것 같습니다 ㅠㅠ

감사합니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고