전체메뉴를 화면 전체 100%하는 방법 가르쳐주세요.
본문
그림에 보면 전체메뉴를 빨간 줄처럼 100% 차게 하고싶은데 그누보드 기본 사이즈가 1200px 있어서 어떤것을 만져야 할지 모르겠네요.
답변 1
＊전체메뉴를 화면 전체(100%)로 확장하려면
CSS에서 기본 컨테이너나 레이아웃 설정을 변경.
css/default.css 또는 관련 CSS 파일에서 전체메뉴가 포함된 컨테이너를 확인한 뒤,
해당 컨테이너의 최대 폭(max-width)을 제거하거나 100%로 설정하고, 여백(margin)을 조정. 또한, 레이아웃이 깨질 경우 다른 스타일도 적절히 조정해야 합니다.
＊ css/default.css 경우
- 만약에, 순정 그누보드라면 아래 부분을 수정 ;
#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:1200px}
#gnb .gnb_wrap,
#container_wr,
#ft_wr {
max-width: none; /* 고정 폭 제한 제거 */
width: 100%; /* 화면 전체 너비로 확장 */
margin: 0 auto; /* 중앙 정렬 유지 */
padding: 0; /* 필요 시 여백 제거 */
}
모든 관련 요소가 화면 너비 100%로 확장되며, 중앙 정렬이 유지된다는 점을 염두에 두세요.
답변을 작성하시기 전에 로그인 해주세요.