가운데 정렬한 콘텐츠에 배경을 가로로 100% 적용하려면

페이지마다 세로 길이가 달라서 배경은 가로로 100% 깔고, 메인 콘텐츠는 가운데 정렬하려고 합니다.
wrap과 main_container에 너비 100%를 주고, main_content는 고정 너비에 가운데 정렬하는 방식이면 될까요?
헤더와 메인, 푸터 배경을 각각 가로로 이어지게 하려는데 더 간단한 방법이 있는지도 궁금합니다.

댓글 4

  • 푸른들 2025.04.16

    main_container에 margin: 0 auto는 없어도 되겠네요.
    헤더와 메인, 푸터 배경을 각각 가로 100%로 두고 콘텐츠만 가운데 정렬하려고 했는데, 이런 방식이 맞는지 궁금합니다.

  • 가람슬기 2025.04.16

    wrap이 이미 100%인데 main_container도 따로 둔 이유가 있나요? 너비가 100%면 margin: 0 auto는 효과가 없어요.
    div 대신 body에 배경을 지정해도 됩니다.

  • 단화한 2025.04.16

    답변 감사합니다.
    배경 이미지는 메뉴 바 색상이 가로로 이어지는 형태예요. 이 구조가 맞을까요? 더 간단한 방법이나 잘못된 부분이 있는지도 궁금합니다.

  • 세실 2025.04.16

    배경 이미지가 어떤 형태인지에 따라 다르지만, 말씀하신 방식으로 해도 괜찮습니다.