테스트 사이트 - 개발 중인 베타 버전입니다

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

단사란 5년 전 조회 2,470

 

 

안녕하세요?

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

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

조언 부탁드립니다

감사합니다

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

답변 2개

채택된 답변
+20 포인트

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

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

답변에 대한 댓글 4개

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

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

B
5년 전

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

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

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

답변에 대한 댓글 3개

단사란
5년 전
답변 감사합니다
혹시

#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 를 검색해 보았는데 안나와서요
B
BiHon
5년 전
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%로 변경하면 좌우 여백없이 늘어나긴 하는데,
그 외에 고정으로 정한 부분도 적당하게 손봐줘야 합니다.
단사란
5년 전
답변 정말 감사합니다
많은 도움 되었는데 제가 미숙해서 좀더 찾아봐야 할것 같습니다 ㅠㅠ

감사합니다

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

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

로그인