로고와 메인 메뉴가 있는 배경이 화면 위에 붙어야 하는데 아래로 밀려 보여요.
배경 위치를 조절하는 방법도 궁금합니다.
댓글 10
Creative2025.09.06
이미지를 보면 왼쪽으로 쏠린 것처럼 보여요. 오른쪽으로 쏠린 거라면 float:right 부분을 살펴보세요.
가람2025.09.06
하늘 배경은 배경 이미지가 아니라 그냥 이미지예요. 중요한 건 핑크색 선 배경인데, 위로는 올라갔지만 오른쪽으로 쏠려 보여요. 뭘 해도 움직이지 않네요 ㅎㅎ
앨런2025.09.06
전체적으로는 큰 문제가 없어 보이는데 이미지가 겹쳐 보여요. 흰 배경과 하늘 배경을 따로 잘라서 쓰신 것 같은데, 원본 이미지와 결과 화면을 비교해 보세요. 흰 부분과 검색 부분, 하늘 부분을 각각 div로 나눠 배경을 설정하는 게 좋을 것 같아요. div가 많아서 현재 구조만으로는 파악하기 어렵네요. 이미지 자료도 함께 올려주시면 좋겠어요.
이름없음2025.09.06
body에 배경을 넣었다면 위치를 조절하기 어렵고, 다른 태그에 이미지를 넣었다면 margin과 padding으로 조절해 보세요. top이나 left 같은 속성을 써도 됩니다.
두힘2025.09.06
결국 이미지 크기가 문제였어요. 이런 실수를 했네요 ㅠㅠ 답변 감사합니다~
행운아2025.09.06
background-position 값을 써서 배경을 가운데나 왼쪽, 오른쪽 또는 위쪽에 맞출 수 있어요. 가운데로 설정했는데 오른쪽으로 이동했다는 말씀이신지 잘 모르겠네요. 파일과 이미지도 올려주시면 같이 살펴볼게요.
누리별2025.09.06
위로는 올라갔는데 오른쪽으로 살짝 밀려 있어요 ㅎㅎ 답변 감사합니다. 더 찾아봐야겠는데 답답하네요 ㅠㅠ
이치코2025.09.06
no-repeat center top; 설정이 적용되지 않는다는 말씀이세요? ㅠㅠ
연초록2025.09.06
그래도 그대로예요 ㅠㅠ 다른 이유가 있을까요?
도움2025.09.06
background에서 center를 지정하셔서 그래요. no-repeat 다음에 오는 첫 값은 좌우 위치, 두 번째 값은 상하 위치예요.
Creative 2025.09.06
이미지를 보면 왼쪽으로 쏠린 것처럼 보여요. 오른쪽으로 쏠린 거라면 float:right 부분을 살펴보세요.
가람 2025.09.06
하늘 배경은 배경 이미지가 아니라 그냥 이미지예요. 중요한 건 핑크색 선 배경인데, 위로는 올라갔지만 오른쪽으로 쏠려 보여요. 뭘 해도 움직이지 않네요 ㅎㅎ
앨런 2025.09.06
전체적으로는 큰 문제가 없어 보이는데 이미지가 겹쳐 보여요. 흰 배경과 하늘 배경을 따로 잘라서 쓰신 것 같은데, 원본 이미지와 결과 화면을 비교해 보세요. 흰 부분과 검색 부분, 하늘 부분을 각각 div로 나눠 배경을 설정하는 게 좋을 것 같아요. div가 많아서 현재 구조만으로는 파악하기 어렵네요. 이미지 자료도 함께 올려주시면 좋겠어요.
이름없음 2025.09.06
body에 배경을 넣었다면 위치를 조절하기 어렵고, 다른 태그에 이미지를 넣었다면 margin과 padding으로 조절해 보세요. top이나 left 같은 속성을 써도 됩니다.
두힘 2025.09.06
결국 이미지 크기가 문제였어요. 이런 실수를 했네요 ㅠㅠ 답변 감사합니다~
행운아 2025.09.06
background-position 값을 써서 배경을 가운데나 왼쪽, 오른쪽 또는 위쪽에 맞출 수 있어요. 가운데로 설정했는데 오른쪽으로 이동했다는 말씀이신지 잘 모르겠네요. 파일과 이미지도 올려주시면 같이 살펴볼게요.
누리별 2025.09.06
위로는 올라갔는데 오른쪽으로 살짝 밀려 있어요 ㅎㅎ 답변 감사합니다. 더 찾아봐야겠는데 답답하네요 ㅠㅠ
이치코 2025.09.06
no-repeat center top; 설정이 적용되지 않는다는 말씀이세요? ㅠㅠ
연초록 2025.09.06
그래도 그대로예요 ㅠㅠ 다른 이유가 있을까요?
도움 2025.09.06
background에서 center를 지정하셔서 그래요. no-repeat 다음에 오는 첫 값은 좌우 위치, 두 번째 값은 상하 위치예요.